diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..b585a76
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,13 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 4
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false
diff --git a/.gitignore b/.gitignore
index 9760b21..d45df1c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,40 +1,14 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-# dependencies
-/node_modules
-package-lock.json
-yarn.lock
-
-.DS_Store
-dist
-dist-ssr
+node_modules
coverage
-*.local
-
-/cypress/videos/
-/cypress/screenshots/
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
+*.log*
+.nuxt
+.nitro
+.cache
+.output
+.env
+dist
+.DS_Store
.idea
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
-
-# Themes
-public/themes/soho-light/
-public/themes/soho-dark/
-public/themes/viva-light/
-public/themes/viva-dark/
-public/themes/mira/
-public/themes/nano/
\ No newline at end of file
+.eslintcache
+api-generator/typedoc.json
+**/.DS_Store
diff --git a/.prettierrc.json b/.prettierrc.json
index cbbe805..d19df35 100644
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -7,4 +7,4 @@
"vueIndentScriptAndStyle": false,
"printWidth": 250,
"bracketSameLine": false
-}
\ No newline at end of file
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..2bc9d36
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,8 @@
+{
+ "editor.codeActionsOnSave": {
+ "source.fixAll": "explicit"
+ },
+ "editor.formatOnSave": true,
+ "editor.defaultFormatter": "esbenp.prettier-vscode"
+ }
+
\ No newline at end of file
diff --git a/index.html b/index.html
index a55b027..4b042bf 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,6 @@
Sakai Vue
-
diff --git a/jsconfig.json b/jsconfig.json
new file mode 100644
index 0000000..aafb595
--- /dev/null
+++ b/jsconfig.json
@@ -0,0 +1,13 @@
+{
+ "compilerOptions": {
+ "paths": {
+ "@/*": [
+ "./src/*"
+ ]
+ }
+ },
+ "exclude": [
+ "node_modules",
+ "dist"
+ ]
+}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..06590d8
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,3886 @@
+{
+ "name": "sakai-vue",
+ "version": "4.0.0",
+ "lockfileVersion": 3,
+ "requires": true,
+ "packages": {
+ "": {
+ "name": "sakai-vue",
+ "version": "4.0.0",
+ "dependencies": {
+ "@primevue/themes": "^4.0.0",
+ "chart.js": "3.3.2",
+ "primeicons": "^6.0.1",
+ "primevue": "^4.0.0",
+ "vue": "^3.4.34",
+ "vue-router": "^4.4.0"
+ },
+ "devDependencies": {
+ "@primevue/auto-import-resolver": "^4.0.1",
+ "@rushstack/eslint-patch": "^1.8.0",
+ "@vitejs/plugin-vue": "^5.0.5",
+ "@vue/eslint-config-prettier": "^9.0.0",
+ "autoprefixer": "^10.4.19",
+ "eslint": "^8.57.0",
+ "eslint-plugin-vue": "^9.23.0",
+ "postcss": "^8.4.40",
+ "prettier": "^3.2.5",
+ "sass": "^1.55.0",
+ "tailwindcss": "^3.4.6",
+ "tailwindcss-primeui": "^0.3.2",
+ "unplugin-vue-components": "^0.27.3",
+ "vite": "^5.3.1"
+ }
+ },
+ "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/@antfu/utils": {
+ "version": "0.7.10",
+ "resolved": "https://registry.npmjs.org/@antfu/utils/-/utils-0.7.10.tgz",
+ "integrity": "sha512-+562v9k4aI80m1+VuMHehNJWLOFjBnXn3tdOitzD0il5b7smkSBal4+a3oKiQTbrwMmN/TBUMDvbdoWDehgOww==",
+ "dev": true,
+ "funding": {
+ "url": "https://github.com/sponsors/antfu"
+ }
+ },
+ "node_modules/@babel/parser": {
+ "version": "7.24.8",
+ "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.8.tgz",
+ "integrity": "sha512-WzfbgXOkGzZiXXCqk43kKwZjzwx4oulxZi3nq2TYL9mOjQv6kYwul9mz6ID36njuL7Xkp6nJEfok848Zj10j/w==",
+ "bin": {
+ "parser": "bin/babel-parser.js"
+ },
+ "engines": {
+ "node": ">=6.0.0"
+ }
+ },
+ "node_modules/@esbuild/aix-ppc64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+ "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+ "cpu": [
+ "ppc64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "aix"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/android-arm": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+ "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+ "cpu": [
+ "arm"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "android"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/android-arm64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+ "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "android"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/android-x64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+ "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "android"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/darwin-arm64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+ "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/darwin-x64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+ "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "darwin"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/freebsd-arm64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+ "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "freebsd"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/freebsd-x64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+ "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "freebsd"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-arm": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+ "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+ "cpu": [
+ "arm"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-arm64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+ "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-ia32": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+ "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+ "cpu": [
+ "ia32"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-loong64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+ "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+ "cpu": [
+ "loong64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-mips64el": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+ "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+ "cpu": [
+ "mips64el"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-ppc64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+ "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+ "cpu": [
+ "ppc64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-riscv64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+ "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+ "cpu": [
+ "riscv64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-s390x": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+ "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+ "cpu": [
+ "s390x"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/linux-x64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+ "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/netbsd-x64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+ "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "netbsd"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/openbsd-x64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+ "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "openbsd"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/sunos-x64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+ "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "sunos"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/win32-arm64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+ "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/win32-ia32": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+ "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+ "cpu": [
+ "ia32"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@esbuild/win32-x64": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+ "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "win32"
+ ],
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/@eslint-community/eslint-utils": {
+ "version": "4.4.0",
+ "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
+ "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+ "dev": true,
+ "dependencies": {
+ "eslint-visitor-keys": "^3.3.0"
+ },
+ "engines": {
+ "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+ },
+ "peerDependencies": {
+ "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+ }
+ },
+ "node_modules/@eslint-community/regexpp": {
+ "version": "4.11.0",
+ "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.11.0.tgz",
+ "integrity": "sha512-G/M/tIiMrTAxEWRfLfQJMmGNX28IxBg4PBz8XqQhqUHLFI6TL2htpIB1iQCj144V5ee/JaKyT9/WZ0MGZWfA7A==",
+ "dev": true,
+ "engines": {
+ "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+ }
+ },
+ "node_modules/@eslint/eslintrc": {
+ "version": "2.1.4",
+ "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+ "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
+ "dev": true,
+ "dependencies": {
+ "ajv": "^6.12.4",
+ "debug": "^4.3.2",
+ "espree": "^9.6.0",
+ "globals": "^13.19.0",
+ "ignore": "^5.2.0",
+ "import-fresh": "^3.2.1",
+ "js-yaml": "^4.1.0",
+ "minimatch": "^3.1.2",
+ "strip-json-comments": "^3.1.1"
+ },
+ "engines": {
+ "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+ },
+ "funding": {
+ "url": "https://opencollective.com/eslint"
+ }
+ },
+ "node_modules/@eslint/js": {
+ "version": "8.57.0",
+ "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
+ "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==",
+ "dev": true,
+ "engines": {
+ "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+ }
+ },
+ "node_modules/@humanwhocodes/config-array": {
+ "version": "0.11.14",
+ "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
+ "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==",
+ "deprecated": "Use @eslint/config-array instead",
+ "dev": true,
+ "dependencies": {
+ "@humanwhocodes/object-schema": "^2.0.2",
+ "debug": "^4.3.1",
+ "minimatch": "^3.0.5"
+ },
+ "engines": {
+ "node": ">=10.10.0"
+ }
+ },
+ "node_modules/@humanwhocodes/module-importer": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+ "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+ "dev": true,
+ "engines": {
+ "node": ">=12.22"
+ },
+ "funding": {
+ "type": "github",
+ "url": "https://github.com/sponsors/nzakas"
+ }
+ },
+ "node_modules/@humanwhocodes/object-schema": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
+ "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
+ "deprecated": "Use @eslint/object-schema instead",
+ "dev": true
+ },
+ "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/@isaacs/cliui/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/@isaacs/cliui/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/@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.5.0",
+ "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+ "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ=="
+ },
+ "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/@pkgr/core": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.1.1.tgz",
+ "integrity": "sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==",
+ "dev": true,
+ "engines": {
+ "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+ },
+ "funding": {
+ "url": "https://opencollective.com/unts"
+ }
+ },
+ "node_modules/@primeuix/styled": {
+ "version": "0.0.5",
+ "resolved": "https://registry.npmjs.org/@primeuix/styled/-/styled-0.0.5.tgz",
+ "integrity": "sha512-pVoGn/uPkVm/DyF3TR3EmH/pL/dP4nR42FcYbVduFq9VfO3KVeOEqvcCULHXos66RZO9MCbCFUoLy6ctf9GUGQ==",
+ "dependencies": {
+ "@primeuix/utils": "^0.0.5"
+ },
+ "engines": {
+ "node": ">=12.11.0"
+ }
+ },
+ "node_modules/@primeuix/utils": {
+ "version": "0.0.5",
+ "resolved": "https://registry.npmjs.org/@primeuix/utils/-/utils-0.0.5.tgz",
+ "integrity": "sha512-ntUiUgtRtkF8KuaxHffzhYxQxoXk6LAPHm7CVlFjdqS8Rx8xRkLkZVyo84E+pO2hcNFkOGVP/GxHhQ2s94O8zA==",
+ "engines": {
+ "node": ">=12.11.0"
+ }
+ },
+ "node_modules/@primevue/auto-import-resolver": {
+ "version": "4.0.1",
+ "resolved": "https://registry.npmjs.org/@primevue/auto-import-resolver/-/auto-import-resolver-4.0.1.tgz",
+ "integrity": "sha512-jz4o8o2A8gWxBwgcfQ0B5JjK3KQxlWNEaUWEaBRM28NkdZrBjB/q7aYSKQixE7OnitZgALW2//eHU1yuenu1vw==",
+ "dev": true,
+ "dependencies": {
+ "@primevue/metadata": "4.0.1"
+ },
+ "engines": {
+ "node": ">=12.11.0"
+ }
+ },
+ "node_modules/@primevue/core": {
+ "version": "4.0.1",
+ "resolved": "https://registry.npmjs.org/@primevue/core/-/core-4.0.1.tgz",
+ "integrity": "sha512-BreY1LybcRmzI8zXktqKVoq1eMeH//Ab4NUpzyFMdRKq4QoTvVuYMrlS9PGlQi+c9RmAcb6rzIIpcczqEGEAaw==",
+ "dependencies": {
+ "@primeuix/styled": "^0.0.5",
+ "@primeuix/utils": "^0.0.5"
+ },
+ "engines": {
+ "node": ">=12.11.0"
+ },
+ "peerDependencies": {
+ "vue": "^3.0.0"
+ }
+ },
+ "node_modules/@primevue/icons": {
+ "version": "4.0.1",
+ "resolved": "https://registry.npmjs.org/@primevue/icons/-/icons-4.0.1.tgz",
+ "integrity": "sha512-tK3cYOSabRiSmAMuivw2QM/oG1ER5RGL9k7Vua7arQiwBghyPg04J/XllJ9SjORyNIY+dwbLuNyUwLKty4S0Hg==",
+ "dependencies": {
+ "@primeuix/utils": "^0.0.5",
+ "@primevue/core": "4.0.1"
+ },
+ "engines": {
+ "node": ">=12.11.0"
+ }
+ },
+ "node_modules/@primevue/metadata": {
+ "version": "4.0.1",
+ "resolved": "https://registry.npmjs.org/@primevue/metadata/-/metadata-4.0.1.tgz",
+ "integrity": "sha512-iVgEioi81JNdUb7PG28RXu0XxYj0OUcR+JcCv7adsvDyoZENuupHysnic4BFVsmKnhaSBQxFVhBh5kbQVK1eIw==",
+ "dev": true,
+ "engines": {
+ "node": ">=12.11.0"
+ }
+ },
+ "node_modules/@primevue/themes": {
+ "version": "4.0.1",
+ "resolved": "https://registry.npmjs.org/@primevue/themes/-/themes-4.0.1.tgz",
+ "integrity": "sha512-DIfQTH/SMY5/ekZM3wnAaC2Te69X9fwVmyxjyAf6yS3e8V9l/jj1BGjinHPlDE0n1G6daHC6qruX4QIR6Jtpwg==",
+ "dependencies": {
+ "@primeuix/styled": "^0.0.5"
+ },
+ "engines": {
+ "node": ">=12.11.0"
+ }
+ },
+ "node_modules/@rollup/pluginutils": {
+ "version": "5.1.0",
+ "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.0.tgz",
+ "integrity": "sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==",
+ "dev": true,
+ "dependencies": {
+ "@types/estree": "^1.0.0",
+ "estree-walker": "^2.0.2",
+ "picomatch": "^2.3.1"
+ },
+ "engines": {
+ "node": ">=14.0.0"
+ },
+ "peerDependencies": {
+ "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+ },
+ "peerDependenciesMeta": {
+ "rollup": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/@rollup/rollup-android-arm-eabi": {
+ "version": "4.19.0",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.19.0.tgz",
+ "integrity": "sha512-JlPfZ/C7yn5S5p0yKk7uhHTTnFlvTgLetl2VxqE518QgyM7C9bSfFTYvB/Q/ftkq0RIPY4ySxTz+/wKJ/dXC0w==",
+ "cpu": [
+ "arm"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "android"
+ ]
+ },
+ "node_modules/@rollup/rollup-android-arm64": {
+ "version": "4.19.0",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.19.0.tgz",
+ "integrity": "sha512-RDxUSY8D1tWYfn00DDi5myxKgOk6RvWPxhmWexcICt/MEC6yEMr4HNCu1sXXYLw8iAsg0D44NuU+qNq7zVWCrw==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "android"
+ ]
+ },
+ "node_modules/@rollup/rollup-darwin-arm64": {
+ "version": "4.19.0",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.19.0.tgz",
+ "integrity": "sha512-emvKHL4B15x6nlNTBMtIaC9tLPRpeA5jMvRLXVbl/W9Ie7HhkrE7KQjvgS9uxgatL1HmHWDXk5TTS4IaNJxbAA==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "darwin"
+ ]
+ },
+ "node_modules/@rollup/rollup-darwin-x64": {
+ "version": "4.19.0",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.19.0.tgz",
+ "integrity": "sha512-fO28cWA1dC57qCd+D0rfLC4VPbh6EOJXrreBmFLWPGI9dpMlER2YwSPZzSGfq11XgcEpPukPTfEVFtw2q2nYJg==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "darwin"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+ "version": "4.19.0",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.19.0.tgz",
+ "integrity": "sha512-2Rn36Ubxdv32NUcfm0wB1tgKqkQuft00PtM23VqLuCUR4N5jcNWDoV5iBC9jeGdgS38WK66ElncprqgMUOyomw==",
+ "cpu": [
+ "arm"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+ "version": "4.19.0",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.19.0.tgz",
+ "integrity": "sha512-gJuzIVdq/X1ZA2bHeCGCISe0VWqCoNT8BvkQ+BfsixXwTOndhtLUpOg0A1Fcx/+eA6ei6rMBzlOz4JzmiDw7JQ==",
+ "cpu": [
+ "arm"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-arm64-gnu": {
+ "version": "4.19.0",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.19.0.tgz",
+ "integrity": "sha512-0EkX2HYPkSADo9cfeGFoQ7R0/wTKb7q6DdwI4Yn/ULFE1wuRRCHybxpl2goQrx4c/yzK3I8OlgtBu4xvted0ug==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-arm64-musl": {
+ "version": "4.19.0",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.19.0.tgz",
+ "integrity": "sha512-GlIQRj9px52ISomIOEUq/IojLZqzkvRpdP3cLgIE1wUWaiU5Takwlzpz002q0Nxxr1y2ZgxC2obWxjr13lvxNQ==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+ "version": "4.19.0",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.19.0.tgz",
+ "integrity": "sha512-N6cFJzssruDLUOKfEKeovCKiHcdwVYOT1Hs6dovDQ61+Y9n3Ek4zXvtghPPelt6U0AH4aDGnDLb83uiJMkWYzQ==",
+ "cpu": [
+ "ppc64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+ "version": "4.19.0",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.19.0.tgz",
+ "integrity": "sha512-2DnD3mkS2uuam/alF+I7M84koGwvn3ZVD7uG+LEWpyzo/bq8+kKnus2EVCkcvh6PlNB8QPNFOz6fWd5N8o1CYg==",
+ "cpu": [
+ "riscv64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-s390x-gnu": {
+ "version": "4.19.0",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.19.0.tgz",
+ "integrity": "sha512-D6pkaF7OpE7lzlTOFCB2m3Ngzu2ykw40Nka9WmKGUOTS3xcIieHe82slQlNq69sVB04ch73thKYIWz/Ian8DUA==",
+ "cpu": [
+ "s390x"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-x64-gnu": {
+ "version": "4.19.0",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.19.0.tgz",
+ "integrity": "sha512-HBndjQLP8OsdJNSxpNIN0einbDmRFg9+UQeZV1eiYupIRuZsDEoeGU43NQsS34Pp166DtwQOnpcbV/zQxM+rWA==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-linux-x64-musl": {
+ "version": "4.19.0",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.19.0.tgz",
+ "integrity": "sha512-HxfbvfCKJe/RMYJJn0a12eiOI9OOtAUF4G6ozrFUK95BNyoJaSiBjIOHjZskTUffUrB84IPKkFG9H9nEvJGW6A==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "linux"
+ ]
+ },
+ "node_modules/@rollup/rollup-win32-arm64-msvc": {
+ "version": "4.19.0",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.19.0.tgz",
+ "integrity": "sha512-HxDMKIhmcguGTiP5TsLNolwBUK3nGGUEoV/BO9ldUBoMLBssvh4J0X8pf11i1fTV7WShWItB1bKAKjX4RQeYmg==",
+ "cpu": [
+ "arm64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "win32"
+ ]
+ },
+ "node_modules/@rollup/rollup-win32-ia32-msvc": {
+ "version": "4.19.0",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.19.0.tgz",
+ "integrity": "sha512-xItlIAZZaiG/u0wooGzRsx11rokP4qyc/79LkAOdznGRAbOFc+SfEdfUOszG1odsHNgwippUJavag/+W/Etc6Q==",
+ "cpu": [
+ "ia32"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "win32"
+ ]
+ },
+ "node_modules/@rollup/rollup-win32-x64-msvc": {
+ "version": "4.19.0",
+ "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.19.0.tgz",
+ "integrity": "sha512-xNo5fV5ycvCCKqiZcpB65VMR11NJB+StnxHz20jdqRAktfdfzhgjTiJ2doTDQE/7dqGaV5I7ZGqKpgph6lCIag==",
+ "cpu": [
+ "x64"
+ ],
+ "dev": true,
+ "optional": true,
+ "os": [
+ "win32"
+ ]
+ },
+ "node_modules/@rushstack/eslint-patch": {
+ "version": "1.10.3",
+ "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.10.3.tgz",
+ "integrity": "sha512-qC/xYId4NMebE6w/V33Fh9gWxLgURiNYgVNObbJl2LZv0GUUItCcCqC5axQSwRaAgaxl2mELq1rMzlswaQ0Zxg==",
+ "dev": true
+ },
+ "node_modules/@types/estree": {
+ "version": "1.0.5",
+ "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
+ "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+ "dev": true
+ },
+ "node_modules/@ungap/structured-clone": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
+ "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
+ "dev": true
+ },
+ "node_modules/@vitejs/plugin-vue": {
+ "version": "5.1.0",
+ "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.1.0.tgz",
+ "integrity": "sha512-QMRxARyrdiwi1mj3AW4fLByoHTavreXq0itdEW696EihXglf1MB3D4C2gBvE0jMPH29ZjC3iK8aIaUMLf4EOGA==",
+ "dev": true,
+ "engines": {
+ "node": "^18.0.0 || >=20.0.0"
+ },
+ "peerDependencies": {
+ "vite": "^5.0.0",
+ "vue": "^3.2.25"
+ }
+ },
+ "node_modules/@vue/compiler-core": {
+ "version": "3.4.34",
+ "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.34.tgz",
+ "integrity": "sha512-Z0izUf32+wAnQewjHu+pQf1yw00EGOmevl1kE+ljjjMe7oEfpQ+BI3/JNK7yMB4IrUsqLDmPecUrpj3mCP+yJQ==",
+ "dependencies": {
+ "@babel/parser": "^7.24.7",
+ "@vue/shared": "3.4.34",
+ "entities": "^4.5.0",
+ "estree-walker": "^2.0.2",
+ "source-map-js": "^1.2.0"
+ }
+ },
+ "node_modules/@vue/compiler-dom": {
+ "version": "3.4.34",
+ "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.34.tgz",
+ "integrity": "sha512-3PUOTS1h5cskdOJMExCu2TInXuM0j60DRPpSCJDqOCupCfUZCJoyQmKtRmA8EgDNZ5kcEE7vketamRZfrEuVDw==",
+ "dependencies": {
+ "@vue/compiler-core": "3.4.34",
+ "@vue/shared": "3.4.34"
+ }
+ },
+ "node_modules/@vue/compiler-sfc": {
+ "version": "3.4.34",
+ "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.34.tgz",
+ "integrity": "sha512-x6lm0UrM03jjDXTPZgD9Ad8bIVD1ifWNit2EaWQIZB5CULr46+FbLQ5RpK7AXtDHGjx9rmvC7QRCTjsiGkAwRw==",
+ "dependencies": {
+ "@babel/parser": "^7.24.7",
+ "@vue/compiler-core": "3.4.34",
+ "@vue/compiler-dom": "3.4.34",
+ "@vue/compiler-ssr": "3.4.34",
+ "@vue/shared": "3.4.34",
+ "estree-walker": "^2.0.2",
+ "magic-string": "^0.30.10",
+ "postcss": "^8.4.39",
+ "source-map-js": "^1.2.0"
+ }
+ },
+ "node_modules/@vue/compiler-ssr": {
+ "version": "3.4.34",
+ "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.34.tgz",
+ "integrity": "sha512-8TDBcLaTrFm5rnF+Qm4BlliaopJgqJ28Nsrc80qazynm5aJO+Emu7y0RWw34L8dNnTRdcVBpWzJxhGYzsoVu4g==",
+ "dependencies": {
+ "@vue/compiler-dom": "3.4.34",
+ "@vue/shared": "3.4.34"
+ }
+ },
+ "node_modules/@vue/devtools-api": {
+ "version": "6.6.3",
+ "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.3.tgz",
+ "integrity": "sha512-0MiMsFma/HqA6g3KLKn+AGpL1kgKhFWszC9U29NfpWK5LE7bjeXxySWJrOJ77hBz+TBrBQ7o4QJqbPbqbs8rJw=="
+ },
+ "node_modules/@vue/eslint-config-prettier": {
+ "version": "9.0.0",
+ "resolved": "https://registry.npmjs.org/@vue/eslint-config-prettier/-/eslint-config-prettier-9.0.0.tgz",
+ "integrity": "sha512-z1ZIAAUS9pKzo/ANEfd2sO+v2IUalz7cM/cTLOZ7vRFOPk5/xuRKQteOu1DErFLAh/lYGXMVZ0IfYKlyInuDVg==",
+ "dev": true,
+ "dependencies": {
+ "eslint-config-prettier": "^9.0.0",
+ "eslint-plugin-prettier": "^5.0.0"
+ },
+ "peerDependencies": {
+ "eslint": ">= 8.0.0",
+ "prettier": ">= 3.0.0"
+ }
+ },
+ "node_modules/@vue/reactivity": {
+ "version": "3.4.34",
+ "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.34.tgz",
+ "integrity": "sha512-ua+Lo+wBRlBEX9TtgPOShE2JwIO7p6BTZ7t1KZVPoaBRfqbC7N3c8Mpzicx173fXxx5VXeU6ykiHo7WgLzJQDA==",
+ "dependencies": {
+ "@vue/shared": "3.4.34"
+ }
+ },
+ "node_modules/@vue/runtime-core": {
+ "version": "3.4.34",
+ "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.4.34.tgz",
+ "integrity": "sha512-PXhkiRPwcPGJ1BnyBZFI96GfInCVskd0HPNIAZn7i3YOmLbtbTZpB7/kDTwC1W7IqdGPkTVC63IS7J2nZs4Ebg==",
+ "dependencies": {
+ "@vue/reactivity": "3.4.34",
+ "@vue/shared": "3.4.34"
+ }
+ },
+ "node_modules/@vue/runtime-dom": {
+ "version": "3.4.34",
+ "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.4.34.tgz",
+ "integrity": "sha512-dXqIe+RqFAK2Euak4UsvbIupalrhc67OuQKpD7HJ3W2fv8jlqvI7szfBCsAEcE8o/wyNpkloxB6J8viuF/E3gw==",
+ "dependencies": {
+ "@vue/reactivity": "3.4.34",
+ "@vue/runtime-core": "3.4.34",
+ "@vue/shared": "3.4.34",
+ "csstype": "^3.1.3"
+ }
+ },
+ "node_modules/@vue/server-renderer": {
+ "version": "3.4.34",
+ "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.4.34.tgz",
+ "integrity": "sha512-GeyEUfMVRZMD/mZcNONEqg7MiU10QQ1DB3O/Qr6+8uXpbwdlmVgQ5Qs1/ZUAFX1X2UUtqMoGrDRbxdWfOJFT7Q==",
+ "dependencies": {
+ "@vue/compiler-ssr": "3.4.34",
+ "@vue/shared": "3.4.34"
+ },
+ "peerDependencies": {
+ "vue": "3.4.34"
+ }
+ },
+ "node_modules/@vue/shared": {
+ "version": "3.4.34",
+ "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.34.tgz",
+ "integrity": "sha512-x5LmiRLpRsd9KTjAB8MPKf0CDPMcuItjP0gbNqFCIgL1I8iYp4zglhj9w9FPCdIbHG2M91RVeIbArFfFTz9I3A=="
+ },
+ "node_modules/acorn": {
+ "version": "8.12.1",
+ "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
+ "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
+ "dev": true,
+ "bin": {
+ "acorn": "bin/acorn"
+ },
+ "engines": {
+ "node": ">=0.4.0"
+ }
+ },
+ "node_modules/acorn-jsx": {
+ "version": "5.3.2",
+ "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+ "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+ "dev": true,
+ "peerDependencies": {
+ "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+ }
+ },
+ "node_modules/ajv": {
+ "version": "6.12.6",
+ "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+ "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+ "dev": true,
+ "dependencies": {
+ "fast-deep-equal": "^3.1.1",
+ "fast-json-stable-stringify": "^2.0.0",
+ "json-schema-traverse": "^0.4.1",
+ "uri-js": "^4.2.2"
+ },
+ "funding": {
+ "type": "github",
+ "url": "https://github.com/sponsors/epoberezkin"
+ }
+ },
+ "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/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/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/argparse": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+ "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+ "dev": true
+ },
+ "node_modules/autoprefixer": {
+ "version": "10.4.19",
+ "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.19.tgz",
+ "integrity": "sha512-BaENR2+zBZ8xXhM4pUaKUxlVdxZ0EZhjvbopwnXmxRUfqDmwSpC2lAi/QXvx7NRdPCo1WKEcEF6mV64si1z4Ew==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "opencollective",
+ "url": "https://opencollective.com/postcss/"
+ },
+ {
+ "type": "tidelift",
+ "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
+ }
+ ],
+ "dependencies": {
+ "browserslist": "^4.23.0",
+ "caniuse-lite": "^1.0.30001599",
+ "fraction.js": "^4.3.7",
+ "normalize-range": "^0.1.2",
+ "picocolors": "^1.0.0",
+ "postcss-value-parser": "^4.2.0"
+ },
+ "bin": {
+ "autoprefixer": "bin/autoprefixer"
+ },
+ "engines": {
+ "node": "^10 || ^12 || >=14"
+ },
+ "peerDependencies": {
+ "postcss": "^8.1.0"
+ }
+ },
+ "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/boolbase": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+ "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+ "dev": true
+ },
+ "node_modules/brace-expansion": {
+ "version": "1.1.11",
+ "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+ "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+ "dev": true,
+ "dependencies": {
+ "balanced-match": "^1.0.0",
+ "concat-map": "0.0.1"
+ }
+ },
+ "node_modules/braces": {
+ "version": "3.0.3",
+ "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+ "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+ "dev": true,
+ "dependencies": {
+ "fill-range": "^7.1.1"
+ },
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/browserslist": {
+ "version": "4.23.2",
+ "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.2.tgz",
+ "integrity": "sha512-qkqSyistMYdxAcw+CzbZwlBy8AGmS/eEWs+sEV5TnLRGDOL+C5M2EnH6tlZyg0YoAxGJAFKh61En9BR941GnHA==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "opencollective",
+ "url": "https://opencollective.com/browserslist"
+ },
+ {
+ "type": "tidelift",
+ "url": "https://tidelift.com/funding/github/npm/browserslist"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
+ }
+ ],
+ "dependencies": {
+ "caniuse-lite": "^1.0.30001640",
+ "electron-to-chromium": "^1.4.820",
+ "node-releases": "^2.0.14",
+ "update-browserslist-db": "^1.1.0"
+ },
+ "bin": {
+ "browserslist": "cli.js"
+ },
+ "engines": {
+ "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+ }
+ },
+ "node_modules/callsites": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+ "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=6"
+ }
+ },
+ "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/caniuse-lite": {
+ "version": "1.0.30001643",
+ "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001643.tgz",
+ "integrity": "sha512-ERgWGNleEilSrHM6iUz/zJNSQTP8Mr21wDWpdgvRwcTXGAq6jMtOUPP4dqFPTdKqZ2wKTdtB+uucZ3MRpAUSmg==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "opencollective",
+ "url": "https://opencollective.com/browserslist"
+ },
+ {
+ "type": "tidelift",
+ "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
+ }
+ ]
+ },
+ "node_modules/chalk": {
+ "version": "4.1.2",
+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+ "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+ "dev": true,
+ "dependencies": {
+ "ansi-styles": "^4.1.0",
+ "supports-color": "^7.1.0"
+ },
+ "engines": {
+ "node": ">=10"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/chalk?sponsor=1"
+ }
+ },
+ "node_modules/chart.js": {
+ "version": "3.3.2",
+ "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-3.3.2.tgz",
+ "integrity": "sha512-H0hSO7xqTIrwxoACqnSoNromEMfXvfuVnrbuSt2TuXfBDDofbnto4zuZlRtRvC73/b37q3wGAWZyUU41QPvNbA=="
+ },
+ "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/concat-map": {
+ "version": "0.0.1",
+ "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+ "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+ "dev": true
+ },
+ "node_modules/confbox": {
+ "version": "0.1.7",
+ "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.1.7.tgz",
+ "integrity": "sha512-uJcB/FKZtBMCJpK8MQji6bJHgu1tixKPxRLeGkNzBoOZzpnZUJm0jm2/sBDWcuBx1dYgxV4JU+g5hmNxCyAmdA==",
+ "dev": true
+ },
+ "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/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/csstype": {
+ "version": "3.1.3",
+ "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+ "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
+ },
+ "node_modules/debug": {
+ "version": "4.3.5",
+ "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.5.tgz",
+ "integrity": "sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==",
+ "dev": true,
+ "dependencies": {
+ "ms": "2.1.2"
+ },
+ "engines": {
+ "node": ">=6.0"
+ },
+ "peerDependenciesMeta": {
+ "supports-color": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/deep-is": {
+ "version": "0.1.4",
+ "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+ "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+ "dev": true
+ },
+ "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/doctrine": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+ "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+ "dev": true,
+ "dependencies": {
+ "esutils": "^2.0.2"
+ },
+ "engines": {
+ "node": ">=6.0.0"
+ }
+ },
+ "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/electron-to-chromium": {
+ "version": "1.5.1",
+ "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.1.tgz",
+ "integrity": "sha512-FKbOCOQ5QRB3VlIbl1LZQefWIYwszlBloaXcY2rbfpu9ioJnNh3TK03YtIDKDo3WKBi8u+YV4+Fn2CkEozgf4w==",
+ "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/entities": {
+ "version": "4.5.0",
+ "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+ "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+ "engines": {
+ "node": ">=0.12"
+ },
+ "funding": {
+ "url": "https://github.com/fb55/entities?sponsor=1"
+ }
+ },
+ "node_modules/esbuild": {
+ "version": "0.21.5",
+ "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+ "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+ "dev": true,
+ "hasInstallScript": true,
+ "bin": {
+ "esbuild": "bin/esbuild"
+ },
+ "engines": {
+ "node": ">=12"
+ },
+ "optionalDependencies": {
+ "@esbuild/aix-ppc64": "0.21.5",
+ "@esbuild/android-arm": "0.21.5",
+ "@esbuild/android-arm64": "0.21.5",
+ "@esbuild/android-x64": "0.21.5",
+ "@esbuild/darwin-arm64": "0.21.5",
+ "@esbuild/darwin-x64": "0.21.5",
+ "@esbuild/freebsd-arm64": "0.21.5",
+ "@esbuild/freebsd-x64": "0.21.5",
+ "@esbuild/linux-arm": "0.21.5",
+ "@esbuild/linux-arm64": "0.21.5",
+ "@esbuild/linux-ia32": "0.21.5",
+ "@esbuild/linux-loong64": "0.21.5",
+ "@esbuild/linux-mips64el": "0.21.5",
+ "@esbuild/linux-ppc64": "0.21.5",
+ "@esbuild/linux-riscv64": "0.21.5",
+ "@esbuild/linux-s390x": "0.21.5",
+ "@esbuild/linux-x64": "0.21.5",
+ "@esbuild/netbsd-x64": "0.21.5",
+ "@esbuild/openbsd-x64": "0.21.5",
+ "@esbuild/sunos-x64": "0.21.5",
+ "@esbuild/win32-arm64": "0.21.5",
+ "@esbuild/win32-ia32": "0.21.5",
+ "@esbuild/win32-x64": "0.21.5"
+ }
+ },
+ "node_modules/escalade": {
+ "version": "3.1.2",
+ "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz",
+ "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==",
+ "dev": true,
+ "engines": {
+ "node": ">=6"
+ }
+ },
+ "node_modules/escape-string-regexp": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+ "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+ "dev": true,
+ "engines": {
+ "node": ">=10"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/eslint": {
+ "version": "8.57.0",
+ "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz",
+ "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==",
+ "dev": true,
+ "dependencies": {
+ "@eslint-community/eslint-utils": "^4.2.0",
+ "@eslint-community/regexpp": "^4.6.1",
+ "@eslint/eslintrc": "^2.1.4",
+ "@eslint/js": "8.57.0",
+ "@humanwhocodes/config-array": "^0.11.14",
+ "@humanwhocodes/module-importer": "^1.0.1",
+ "@nodelib/fs.walk": "^1.2.8",
+ "@ungap/structured-clone": "^1.2.0",
+ "ajv": "^6.12.4",
+ "chalk": "^4.0.0",
+ "cross-spawn": "^7.0.2",
+ "debug": "^4.3.2",
+ "doctrine": "^3.0.0",
+ "escape-string-regexp": "^4.0.0",
+ "eslint-scope": "^7.2.2",
+ "eslint-visitor-keys": "^3.4.3",
+ "espree": "^9.6.1",
+ "esquery": "^1.4.2",
+ "esutils": "^2.0.2",
+ "fast-deep-equal": "^3.1.3",
+ "file-entry-cache": "^6.0.1",
+ "find-up": "^5.0.0",
+ "glob-parent": "^6.0.2",
+ "globals": "^13.19.0",
+ "graphemer": "^1.4.0",
+ "ignore": "^5.2.0",
+ "imurmurhash": "^0.1.4",
+ "is-glob": "^4.0.0",
+ "is-path-inside": "^3.0.3",
+ "js-yaml": "^4.1.0",
+ "json-stable-stringify-without-jsonify": "^1.0.1",
+ "levn": "^0.4.1",
+ "lodash.merge": "^4.6.2",
+ "minimatch": "^3.1.2",
+ "natural-compare": "^1.4.0",
+ "optionator": "^0.9.3",
+ "strip-ansi": "^6.0.1",
+ "text-table": "^0.2.0"
+ },
+ "bin": {
+ "eslint": "bin/eslint.js"
+ },
+ "engines": {
+ "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+ },
+ "funding": {
+ "url": "https://opencollective.com/eslint"
+ }
+ },
+ "node_modules/eslint-config-prettier": {
+ "version": "9.1.0",
+ "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
+ "integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==",
+ "dev": true,
+ "bin": {
+ "eslint-config-prettier": "bin/cli.js"
+ },
+ "peerDependencies": {
+ "eslint": ">=7.0.0"
+ }
+ },
+ "node_modules/eslint-plugin-prettier": {
+ "version": "5.2.1",
+ "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.2.1.tgz",
+ "integrity": "sha512-gH3iR3g4JfF+yYPaJYkN7jEl9QbweL/YfkoRlNnuIEHEz1vHVlCmWOS+eGGiRuzHQXdJFCOTxRgvju9b8VUmrw==",
+ "dev": true,
+ "dependencies": {
+ "prettier-linter-helpers": "^1.0.0",
+ "synckit": "^0.9.1"
+ },
+ "engines": {
+ "node": "^14.18.0 || >=16.0.0"
+ },
+ "funding": {
+ "url": "https://opencollective.com/eslint-plugin-prettier"
+ },
+ "peerDependencies": {
+ "@types/eslint": ">=8.0.0",
+ "eslint": ">=8.0.0",
+ "eslint-config-prettier": "*",
+ "prettier": ">=3.0.0"
+ },
+ "peerDependenciesMeta": {
+ "@types/eslint": {
+ "optional": true
+ },
+ "eslint-config-prettier": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/eslint-plugin-vue": {
+ "version": "9.27.0",
+ "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.27.0.tgz",
+ "integrity": "sha512-5Dw3yxEyuBSXTzT5/Ge1X5kIkRTQ3nvBn/VwPwInNiZBSJOO/timWMUaflONnFBzU6NhB68lxnCda7ULV5N7LA==",
+ "dev": true,
+ "dependencies": {
+ "@eslint-community/eslint-utils": "^4.4.0",
+ "globals": "^13.24.0",
+ "natural-compare": "^1.4.0",
+ "nth-check": "^2.1.1",
+ "postcss-selector-parser": "^6.0.15",
+ "semver": "^7.6.0",
+ "vue-eslint-parser": "^9.4.3",
+ "xml-name-validator": "^4.0.0"
+ },
+ "engines": {
+ "node": "^14.17.0 || >=16.0.0"
+ },
+ "peerDependencies": {
+ "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0"
+ }
+ },
+ "node_modules/eslint-scope": {
+ "version": "7.2.2",
+ "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+ "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+ "dev": true,
+ "dependencies": {
+ "esrecurse": "^4.3.0",
+ "estraverse": "^5.2.0"
+ },
+ "engines": {
+ "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+ },
+ "funding": {
+ "url": "https://opencollective.com/eslint"
+ }
+ },
+ "node_modules/eslint-visitor-keys": {
+ "version": "3.4.3",
+ "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+ "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+ "dev": true,
+ "engines": {
+ "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+ },
+ "funding": {
+ "url": "https://opencollective.com/eslint"
+ }
+ },
+ "node_modules/espree": {
+ "version": "9.6.1",
+ "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+ "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+ "dev": true,
+ "dependencies": {
+ "acorn": "^8.9.0",
+ "acorn-jsx": "^5.3.2",
+ "eslint-visitor-keys": "^3.4.1"
+ },
+ "engines": {
+ "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+ },
+ "funding": {
+ "url": "https://opencollective.com/eslint"
+ }
+ },
+ "node_modules/esquery": {
+ "version": "1.6.0",
+ "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+ "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+ "dev": true,
+ "dependencies": {
+ "estraverse": "^5.1.0"
+ },
+ "engines": {
+ "node": ">=0.10"
+ }
+ },
+ "node_modules/esrecurse": {
+ "version": "4.3.0",
+ "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+ "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+ "dev": true,
+ "dependencies": {
+ "estraverse": "^5.2.0"
+ },
+ "engines": {
+ "node": ">=4.0"
+ }
+ },
+ "node_modules/estraverse": {
+ "version": "5.3.0",
+ "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+ "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+ "dev": true,
+ "engines": {
+ "node": ">=4.0"
+ }
+ },
+ "node_modules/estree-walker": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+ "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+ },
+ "node_modules/esutils": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+ "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/fast-deep-equal": {
+ "version": "3.1.3",
+ "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+ "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+ "dev": true
+ },
+ "node_modules/fast-diff": {
+ "version": "1.3.0",
+ "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz",
+ "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==",
+ "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/fast-json-stable-stringify": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+ "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+ "dev": true
+ },
+ "node_modules/fast-levenshtein": {
+ "version": "2.0.6",
+ "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+ "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+ "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/file-entry-cache": {
+ "version": "6.0.1",
+ "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+ "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+ "dev": true,
+ "dependencies": {
+ "flat-cache": "^3.0.4"
+ },
+ "engines": {
+ "node": "^10.12.0 || >=12.0.0"
+ }
+ },
+ "node_modules/fill-range": {
+ "version": "7.1.1",
+ "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+ "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+ "dev": true,
+ "dependencies": {
+ "to-regex-range": "^5.0.1"
+ },
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/find-up": {
+ "version": "5.0.0",
+ "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+ "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+ "dev": true,
+ "dependencies": {
+ "locate-path": "^6.0.0",
+ "path-exists": "^4.0.0"
+ },
+ "engines": {
+ "node": ">=10"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/flat-cache": {
+ "version": "3.2.0",
+ "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
+ "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
+ "dev": true,
+ "dependencies": {
+ "flatted": "^3.2.9",
+ "keyv": "^4.5.3",
+ "rimraf": "^3.0.2"
+ },
+ "engines": {
+ "node": "^10.12.0 || >=12.0.0"
+ }
+ },
+ "node_modules/flatted": {
+ "version": "3.3.1",
+ "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.1.tgz",
+ "integrity": "sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==",
+ "dev": true
+ },
+ "node_modules/foreground-child": {
+ "version": "3.2.1",
+ "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.2.1.tgz",
+ "integrity": "sha512-PXUUyLqrR2XCWICfv6ukppP96sdFwWbNEnfEMt7jNsISjMsvaLNinAHNDYyvkyU+SZG2BTSbT5NjG+vZslfGTA==",
+ "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/fraction.js": {
+ "version": "4.3.7",
+ "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
+ "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
+ "dev": true,
+ "engines": {
+ "node": "*"
+ },
+ "funding": {
+ "type": "patreon",
+ "url": "https://github.com/sponsors/rawify"
+ }
+ },
+ "node_modules/fs.realpath": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+ "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+ "dev": true
+ },
+ "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": "7.2.3",
+ "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+ "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+ "deprecated": "Glob versions prior to v9 are no longer supported",
+ "dev": true,
+ "dependencies": {
+ "fs.realpath": "^1.0.0",
+ "inflight": "^1.0.4",
+ "inherits": "2",
+ "minimatch": "^3.1.1",
+ "once": "^1.3.0",
+ "path-is-absolute": "^1.0.0"
+ },
+ "engines": {
+ "node": "*"
+ },
+ "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/globals": {
+ "version": "13.24.0",
+ "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+ "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+ "dev": true,
+ "dependencies": {
+ "type-fest": "^0.20.2"
+ },
+ "engines": {
+ "node": ">=8"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/graphemer": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+ "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+ "dev": true
+ },
+ "node_modules/has-flag": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+ "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "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/ignore": {
+ "version": "5.3.1",
+ "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz",
+ "integrity": "sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==",
+ "dev": true,
+ "engines": {
+ "node": ">= 4"
+ }
+ },
+ "node_modules/immutable": {
+ "version": "4.3.7",
+ "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.7.tgz",
+ "integrity": "sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==",
+ "dev": true
+ },
+ "node_modules/import-fresh": {
+ "version": "3.3.0",
+ "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+ "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+ "dev": true,
+ "dependencies": {
+ "parent-module": "^1.0.0",
+ "resolve-from": "^4.0.0"
+ },
+ "engines": {
+ "node": ">=6"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/imurmurhash": {
+ "version": "0.1.4",
+ "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+ "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.8.19"
+ }
+ },
+ "node_modules/inflight": {
+ "version": "1.0.6",
+ "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+ "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+ "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+ "dev": true,
+ "dependencies": {
+ "once": "^1.3.0",
+ "wrappy": "1"
+ }
+ },
+ "node_modules/inherits": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+ "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+ "dev": true
+ },
+ "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.15.0",
+ "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.15.0.tgz",
+ "integrity": "sha512-Dd+Lb2/zvk9SKy1TGCt1wFJFo/MWBPMX5x7KcvLajWTGuomczdQX61PvY5yK6SVACwpoexWo81IfFyoKY2QnTA==",
+ "dev": true,
+ "dependencies": {
+ "hasown": "^2.0.2"
+ },
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "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/is-path-inside": {
+ "version": "3.0.3",
+ "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+ "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "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": "3.4.3",
+ "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
+ "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
+ "dev": true,
+ "dependencies": {
+ "@isaacs/cliui": "^8.0.2"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/isaacs"
+ },
+ "optionalDependencies": {
+ "@pkgjs/parseargs": "^0.11.0"
+ }
+ },
+ "node_modules/jiti": {
+ "version": "1.21.6",
+ "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz",
+ "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==",
+ "dev": true,
+ "bin": {
+ "jiti": "bin/jiti.js"
+ }
+ },
+ "node_modules/js-yaml": {
+ "version": "4.1.0",
+ "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+ "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+ "dev": true,
+ "dependencies": {
+ "argparse": "^2.0.1"
+ },
+ "bin": {
+ "js-yaml": "bin/js-yaml.js"
+ }
+ },
+ "node_modules/json-buffer": {
+ "version": "3.0.1",
+ "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+ "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+ "dev": true
+ },
+ "node_modules/json-schema-traverse": {
+ "version": "0.4.1",
+ "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+ "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+ "dev": true
+ },
+ "node_modules/json-stable-stringify-without-jsonify": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+ "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+ "dev": true
+ },
+ "node_modules/keyv": {
+ "version": "4.5.4",
+ "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+ "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+ "dev": true,
+ "dependencies": {
+ "json-buffer": "3.0.1"
+ }
+ },
+ "node_modules/levn": {
+ "version": "0.4.1",
+ "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+ "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+ "dev": true,
+ "dependencies": {
+ "prelude-ls": "^1.2.1",
+ "type-check": "~0.4.0"
+ },
+ "engines": {
+ "node": ">= 0.8.0"
+ }
+ },
+ "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/local-pkg": {
+ "version": "0.5.0",
+ "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.5.0.tgz",
+ "integrity": "sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==",
+ "dev": true,
+ "dependencies": {
+ "mlly": "^1.4.2",
+ "pkg-types": "^1.0.3"
+ },
+ "engines": {
+ "node": ">=14"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/antfu"
+ }
+ },
+ "node_modules/locate-path": {
+ "version": "6.0.0",
+ "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+ "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+ "dev": true,
+ "dependencies": {
+ "p-locate": "^5.0.0"
+ },
+ "engines": {
+ "node": ">=10"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/lodash": {
+ "version": "4.17.21",
+ "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+ "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+ "dev": true
+ },
+ "node_modules/lodash.merge": {
+ "version": "4.6.2",
+ "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+ "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+ "dev": true
+ },
+ "node_modules/lru-cache": {
+ "version": "10.4.3",
+ "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+ "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+ "dev": true
+ },
+ "node_modules/magic-string": {
+ "version": "0.30.10",
+ "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.10.tgz",
+ "integrity": "sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==",
+ "dependencies": {
+ "@jridgewell/sourcemap-codec": "^1.4.15"
+ }
+ },
+ "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.7",
+ "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.7.tgz",
+ "integrity": "sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==",
+ "dev": true,
+ "dependencies": {
+ "braces": "^3.0.3",
+ "picomatch": "^2.3.1"
+ },
+ "engines": {
+ "node": ">=8.6"
+ }
+ },
+ "node_modules/minimatch": {
+ "version": "3.1.2",
+ "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+ "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+ "dev": true,
+ "dependencies": {
+ "brace-expansion": "^1.1.7"
+ },
+ "engines": {
+ "node": "*"
+ }
+ },
+ "node_modules/minipass": {
+ "version": "7.1.2",
+ "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+ "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+ "dev": true,
+ "engines": {
+ "node": ">=16 || 14 >=14.17"
+ }
+ },
+ "node_modules/mlly": {
+ "version": "1.7.1",
+ "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.7.1.tgz",
+ "integrity": "sha512-rrVRZRELyQzrIUAVMHxP97kv+G786pHmOKzuFII8zDYahFBS7qnHh2AlYSl1GAHhaMPCz6/oHjVMcfFYgFYHgA==",
+ "dev": true,
+ "dependencies": {
+ "acorn": "^8.11.3",
+ "pathe": "^1.1.2",
+ "pkg-types": "^1.1.1",
+ "ufo": "^1.5.3"
+ }
+ },
+ "node_modules/ms": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+ "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+ "dev": true
+ },
+ "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==",
+ "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/natural-compare": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+ "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+ "dev": true
+ },
+ "node_modules/node-releases": {
+ "version": "2.0.18",
+ "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz",
+ "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==",
+ "dev": true
+ },
+ "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/normalize-range": {
+ "version": "0.1.2",
+ "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+ "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/nth-check": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+ "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+ "dev": true,
+ "dependencies": {
+ "boolbase": "^1.0.0"
+ },
+ "funding": {
+ "url": "https://github.com/fb55/nth-check?sponsor=1"
+ }
+ },
+ "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/once": {
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+ "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+ "dev": true,
+ "dependencies": {
+ "wrappy": "1"
+ }
+ },
+ "node_modules/optionator": {
+ "version": "0.9.4",
+ "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+ "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+ "dev": true,
+ "dependencies": {
+ "deep-is": "^0.1.3",
+ "fast-levenshtein": "^2.0.6",
+ "levn": "^0.4.1",
+ "prelude-ls": "^1.2.1",
+ "type-check": "^0.4.0",
+ "word-wrap": "^1.2.5"
+ },
+ "engines": {
+ "node": ">= 0.8.0"
+ }
+ },
+ "node_modules/p-limit": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+ "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+ "dev": true,
+ "dependencies": {
+ "yocto-queue": "^0.1.0"
+ },
+ "engines": {
+ "node": ">=10"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/p-locate": {
+ "version": "5.0.0",
+ "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+ "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+ "dev": true,
+ "dependencies": {
+ "p-limit": "^3.0.2"
+ },
+ "engines": {
+ "node": ">=10"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/package-json-from-dist": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.0.tgz",
+ "integrity": "sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw==",
+ "dev": true
+ },
+ "node_modules/parent-module": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+ "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+ "dev": true,
+ "dependencies": {
+ "callsites": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=6"
+ }
+ },
+ "node_modules/path-exists": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+ "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+ "dev": true,
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/path-is-absolute": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+ "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "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.11.1",
+ "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+ "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+ "dev": true,
+ "dependencies": {
+ "lru-cache": "^10.2.0",
+ "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+ },
+ "engines": {
+ "node": ">=16 || 14 >=14.18"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/isaacs"
+ }
+ },
+ "node_modules/pathe": {
+ "version": "1.1.2",
+ "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.2.tgz",
+ "integrity": "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==",
+ "dev": true
+ },
+ "node_modules/picocolors": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
+ "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew=="
+ },
+ "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/pkg-types": {
+ "version": "1.1.3",
+ "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.1.3.tgz",
+ "integrity": "sha512-+JrgthZG6m3ckicaOB74TwQ+tBWsFl3qVQg7mN8ulwSOElJ7gBhKzj2VkCPnZ4NlF6kEquYU+RIYNVAvzd54UA==",
+ "dev": true,
+ "dependencies": {
+ "confbox": "^0.1.7",
+ "mlly": "^1.7.1",
+ "pathe": "^1.1.2"
+ }
+ },
+ "node_modules/postcss": {
+ "version": "8.4.40",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.40.tgz",
+ "integrity": "sha512-YF2kKIUzAofPMpfH6hOi2cGnv/HrUlfucspc7pDyvv7kGdqXrfj8SCl/t8owkEgKEuu8ZcRjSOxFxVLqwChZ2Q==",
+ "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.1",
+ "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.2",
+ "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.2.tgz",
+ "integrity": "sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==",
+ "dev": true,
+ "engines": {
+ "node": ">=14"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/antonk52"
+ }
+ },
+ "node_modules/postcss-nested": {
+ "version": "6.2.0",
+ "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
+ "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "opencollective",
+ "url": "https://opencollective.com/postcss/"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
+ }
+ ],
+ "dependencies": {
+ "postcss-selector-parser": "^6.1.1"
+ },
+ "engines": {
+ "node": ">=12.0"
+ },
+ "peerDependencies": {
+ "postcss": "^8.2.14"
+ }
+ },
+ "node_modules/postcss-selector-parser": {
+ "version": "6.1.1",
+ "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.1.tgz",
+ "integrity": "sha512-b4dlw/9V8A71rLIDsSwVmak9z2DuBUB7CA1/wSdelNEzqsjoSPeADTWNO09lpH49Diy3/JIZ2bSPB1dI3LJCHg==",
+ "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/prelude-ls": {
+ "version": "1.2.1",
+ "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+ "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.8.0"
+ }
+ },
+ "node_modules/prettier": {
+ "version": "3.3.3",
+ "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",
+ "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==",
+ "dev": true,
+ "bin": {
+ "prettier": "bin/prettier.cjs"
+ },
+ "engines": {
+ "node": ">=14"
+ },
+ "funding": {
+ "url": "https://github.com/prettier/prettier?sponsor=1"
+ }
+ },
+ "node_modules/prettier-linter-helpers": {
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
+ "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
+ "dev": true,
+ "dependencies": {
+ "fast-diff": "^1.1.2"
+ },
+ "engines": {
+ "node": ">=6.0.0"
+ }
+ },
+ "node_modules/primeicons": {
+ "version": "6.0.1",
+ "resolved": "https://registry.npmjs.org/primeicons/-/primeicons-6.0.1.tgz",
+ "integrity": "sha512-KDeO94CbWI4pKsPnYpA1FPjo79EsY9I+M8ywoPBSf9XMXoe/0crjbUK7jcQEDHuc0ZMRIZsxH3TYLv4TUtHmAA=="
+ },
+ "node_modules/primevue": {
+ "version": "4.0.1",
+ "resolved": "https://registry.npmjs.org/primevue/-/primevue-4.0.1.tgz",
+ "integrity": "sha512-mAIoOcx7pnqPOhohw+JYyuVO46R4hUMComFTNzjHabEIsUIyIgTXNtWqiSwbn7zE4hEhnPwNa9XX97XE4Cz+1g==",
+ "dependencies": {
+ "@primeuix/styled": "^0.0.5",
+ "@primeuix/utils": "^0.0.5",
+ "@primevue/core": "4.0.1",
+ "@primevue/icons": "4.0.1"
+ },
+ "engines": {
+ "node": ">=12.11.0"
+ }
+ },
+ "node_modules/punycode": {
+ "version": "2.3.1",
+ "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+ "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+ "dev": true,
+ "engines": {
+ "node": ">=6"
+ }
+ },
+ "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/resolve-from": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+ "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+ "dev": true,
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "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/rimraf": {
+ "version": "3.0.2",
+ "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+ "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+ "deprecated": "Rimraf versions prior to v4 are no longer supported",
+ "dev": true,
+ "dependencies": {
+ "glob": "^7.1.3"
+ },
+ "bin": {
+ "rimraf": "bin.js"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/isaacs"
+ }
+ },
+ "node_modules/rollup": {
+ "version": "4.19.0",
+ "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.19.0.tgz",
+ "integrity": "sha512-5r7EYSQIowHsK4eTZ0Y81qpZuJz+MUuYeqmmYmRMl1nwhdmbiYqt5jwzf6u7wyOzJgYqtCRMtVRKOtHANBz7rA==",
+ "dev": true,
+ "dependencies": {
+ "@types/estree": "1.0.5"
+ },
+ "bin": {
+ "rollup": "dist/bin/rollup"
+ },
+ "engines": {
+ "node": ">=18.0.0",
+ "npm": ">=8.0.0"
+ },
+ "optionalDependencies": {
+ "@rollup/rollup-android-arm-eabi": "4.19.0",
+ "@rollup/rollup-android-arm64": "4.19.0",
+ "@rollup/rollup-darwin-arm64": "4.19.0",
+ "@rollup/rollup-darwin-x64": "4.19.0",
+ "@rollup/rollup-linux-arm-gnueabihf": "4.19.0",
+ "@rollup/rollup-linux-arm-musleabihf": "4.19.0",
+ "@rollup/rollup-linux-arm64-gnu": "4.19.0",
+ "@rollup/rollup-linux-arm64-musl": "4.19.0",
+ "@rollup/rollup-linux-powerpc64le-gnu": "4.19.0",
+ "@rollup/rollup-linux-riscv64-gnu": "4.19.0",
+ "@rollup/rollup-linux-s390x-gnu": "4.19.0",
+ "@rollup/rollup-linux-x64-gnu": "4.19.0",
+ "@rollup/rollup-linux-x64-musl": "4.19.0",
+ "@rollup/rollup-win32-arm64-msvc": "4.19.0",
+ "@rollup/rollup-win32-ia32-msvc": "4.19.0",
+ "@rollup/rollup-win32-x64-msvc": "4.19.0",
+ "fsevents": "~2.3.2"
+ }
+ },
+ "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/sass": {
+ "version": "1.77.8",
+ "resolved": "https://registry.npmjs.org/sass/-/sass-1.77.8.tgz",
+ "integrity": "sha512-4UHg6prsrycW20fqLGPShtEvo/WyHRVRHwOP4DzkUrObWoWI05QBSfzU71TVB7PFaL104TwNaHpjlWXAZbQiNQ==",
+ "dev": true,
+ "dependencies": {
+ "chokidar": ">=3.0.0 <4.0.0",
+ "immutable": "^4.0.0",
+ "source-map-js": ">=0.6.2 <2.0.0"
+ },
+ "bin": {
+ "sass": "sass.js"
+ },
+ "engines": {
+ "node": ">=14.0.0"
+ }
+ },
+ "node_modules/semver": {
+ "version": "7.6.3",
+ "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+ "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+ "dev": true,
+ "bin": {
+ "semver": "bin/semver.js"
+ },
+ "engines": {
+ "node": ">=10"
+ }
+ },
+ "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==",
+ "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/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/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/string-width/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": {
+ "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": {
+ "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-json-comments": {
+ "version": "3.1.1",
+ "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+ "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+ "dev": true,
+ "engines": {
+ "node": ">=8"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "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/sucrase/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/sucrase/node_modules/glob": {
+ "version": "10.4.5",
+ "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
+ "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
+ "dev": true,
+ "dependencies": {
+ "foreground-child": "^3.1.0",
+ "jackspeak": "^3.1.2",
+ "minimatch": "^9.0.4",
+ "minipass": "^7.1.2",
+ "package-json-from-dist": "^1.0.0",
+ "path-scurry": "^1.11.1"
+ },
+ "bin": {
+ "glob": "dist/esm/bin.mjs"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/isaacs"
+ }
+ },
+ "node_modules/sucrase/node_modules/minimatch": {
+ "version": "9.0.5",
+ "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+ "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+ "dev": true,
+ "dependencies": {
+ "brace-expansion": "^2.0.1"
+ },
+ "engines": {
+ "node": ">=16 || 14 >=14.17"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/isaacs"
+ }
+ },
+ "node_modules/supports-color": {
+ "version": "7.2.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+ "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+ "dev": true,
+ "dependencies": {
+ "has-flag": "^4.0.0"
+ },
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "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/synckit": {
+ "version": "0.9.1",
+ "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.9.1.tgz",
+ "integrity": "sha512-7gr8p9TQP6RAHusBOSLs46F4564ZrjV8xFmw5zCmgmhGUcw2hxsShhJ6CEiHQMgPDwAQ1fWHPM0ypc4RMAig4A==",
+ "dev": true,
+ "dependencies": {
+ "@pkgr/core": "^0.1.0",
+ "tslib": "^2.6.2"
+ },
+ "engines": {
+ "node": "^14.18.0 || >=16.0.0"
+ },
+ "funding": {
+ "url": "https://opencollective.com/unts"
+ }
+ },
+ "node_modules/tailwindcss": {
+ "version": "3.4.6",
+ "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.6.tgz",
+ "integrity": "sha512-1uRHzPB+Vzu57ocybfZ4jh5Q3SdlH7XW23J5sQoM9LhE9eIOlzxer/3XPSsycvih3rboRsvt0QCmzSrqyOYUIA==",
+ "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/tailwindcss-primeui": {
+ "version": "0.3.4",
+ "resolved": "https://registry.npmjs.org/tailwindcss-primeui/-/tailwindcss-primeui-0.3.4.tgz",
+ "integrity": "sha512-5+Qfoe5Kpq2Iwrd6umBUb3rQH6b7+pL4jxJUId0Su5agUM6TwCyH5Pyl9R0y3QQB3IRuTxBNmeS11B41f+30zw==",
+ "dev": true,
+ "peerDependencies": {
+ "tailwindcss": ">=3.1.0"
+ }
+ },
+ "node_modules/text-table": {
+ "version": "0.2.0",
+ "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+ "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+ "dev": true
+ },
+ "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/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/tslib": {
+ "version": "2.6.3",
+ "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz",
+ "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==",
+ "dev": true
+ },
+ "node_modules/type-check": {
+ "version": "0.4.0",
+ "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+ "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+ "dev": true,
+ "dependencies": {
+ "prelude-ls": "^1.2.1"
+ },
+ "engines": {
+ "node": ">= 0.8.0"
+ }
+ },
+ "node_modules/type-fest": {
+ "version": "0.20.2",
+ "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+ "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=10"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ },
+ "node_modules/ufo": {
+ "version": "1.5.4",
+ "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.5.4.tgz",
+ "integrity": "sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==",
+ "dev": true
+ },
+ "node_modules/unplugin": {
+ "version": "1.12.0",
+ "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.12.0.tgz",
+ "integrity": "sha512-KeczzHl2sATPQUx1gzo+EnUkmN4VmGBYRRVOZSGvGITE9rGHRDGqft6ONceP3vgXcyJ2XjX5axG5jMWUwNCYLw==",
+ "dev": true,
+ "dependencies": {
+ "acorn": "^8.12.1",
+ "chokidar": "^3.6.0",
+ "webpack-sources": "^3.2.3",
+ "webpack-virtual-modules": "^0.6.2"
+ },
+ "engines": {
+ "node": ">=14.0.0"
+ }
+ },
+ "node_modules/unplugin-vue-components": {
+ "version": "0.27.3",
+ "resolved": "https://registry.npmjs.org/unplugin-vue-components/-/unplugin-vue-components-0.27.3.tgz",
+ "integrity": "sha512-5wg7lbdg5ZcrAQNzyYK+6gcg/DG8K6rO+f5YeuvqGHs/PhpapBvpA4O/0ex/pFthE5WgRk43iWuRZEMLVsdz4Q==",
+ "dev": true,
+ "dependencies": {
+ "@antfu/utils": "^0.7.10",
+ "@rollup/pluginutils": "^5.1.0",
+ "chokidar": "^3.6.0",
+ "debug": "^4.3.5",
+ "fast-glob": "^3.3.2",
+ "local-pkg": "^0.5.0",
+ "magic-string": "^0.30.10",
+ "minimatch": "^9.0.5",
+ "mlly": "^1.7.1",
+ "unplugin": "^1.11.0"
+ },
+ "engines": {
+ "node": ">=14"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/antfu"
+ },
+ "peerDependencies": {
+ "@babel/parser": "^7.15.8",
+ "@nuxt/kit": "^3.2.2",
+ "vue": "2 || 3"
+ },
+ "peerDependenciesMeta": {
+ "@babel/parser": {
+ "optional": true
+ },
+ "@nuxt/kit": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/unplugin-vue-components/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/unplugin-vue-components/node_modules/minimatch": {
+ "version": "9.0.5",
+ "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+ "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+ "dev": true,
+ "dependencies": {
+ "brace-expansion": "^2.0.1"
+ },
+ "engines": {
+ "node": ">=16 || 14 >=14.17"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/isaacs"
+ }
+ },
+ "node_modules/update-browserslist-db": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz",
+ "integrity": "sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "opencollective",
+ "url": "https://opencollective.com/browserslist"
+ },
+ {
+ "type": "tidelift",
+ "url": "https://tidelift.com/funding/github/npm/browserslist"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
+ }
+ ],
+ "dependencies": {
+ "escalade": "^3.1.2",
+ "picocolors": "^1.0.1"
+ },
+ "bin": {
+ "update-browserslist-db": "cli.js"
+ },
+ "peerDependencies": {
+ "browserslist": ">= 4.21.0"
+ }
+ },
+ "node_modules/uri-js": {
+ "version": "4.4.1",
+ "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+ "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+ "dev": true,
+ "dependencies": {
+ "punycode": "^2.1.0"
+ }
+ },
+ "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/vite": {
+ "version": "5.3.5",
+ "resolved": "https://registry.npmjs.org/vite/-/vite-5.3.5.tgz",
+ "integrity": "sha512-MdjglKR6AQXQb9JGiS7Rc2wC6uMjcm7Go/NHNO63EwiJXfuk9PgqiP/n5IDJCziMkfw9n4Ubp7lttNwz+8ZVKA==",
+ "dev": true,
+ "dependencies": {
+ "esbuild": "^0.21.3",
+ "postcss": "^8.4.39",
+ "rollup": "^4.13.0"
+ },
+ "bin": {
+ "vite": "bin/vite.js"
+ },
+ "engines": {
+ "node": "^18.0.0 || >=20.0.0"
+ },
+ "funding": {
+ "url": "https://github.com/vitejs/vite?sponsor=1"
+ },
+ "optionalDependencies": {
+ "fsevents": "~2.3.3"
+ },
+ "peerDependencies": {
+ "@types/node": "^18.0.0 || >=20.0.0",
+ "less": "*",
+ "lightningcss": "^1.21.0",
+ "sass": "*",
+ "stylus": "*",
+ "sugarss": "*",
+ "terser": "^5.4.0"
+ },
+ "peerDependenciesMeta": {
+ "@types/node": {
+ "optional": true
+ },
+ "less": {
+ "optional": true
+ },
+ "lightningcss": {
+ "optional": true
+ },
+ "sass": {
+ "optional": true
+ },
+ "stylus": {
+ "optional": true
+ },
+ "sugarss": {
+ "optional": true
+ },
+ "terser": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/vue": {
+ "version": "3.4.34",
+ "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.34.tgz",
+ "integrity": "sha512-VZze05HWlA3ItreQ/ka7Sx7PoD0/3St8FEiSlSTVgb6l4hL+RjtP2/8g5WQBzZgyf8WG2f+g1bXzC7zggLhAJA==",
+ "dependencies": {
+ "@vue/compiler-dom": "3.4.34",
+ "@vue/compiler-sfc": "3.4.34",
+ "@vue/runtime-dom": "3.4.34",
+ "@vue/server-renderer": "3.4.34",
+ "@vue/shared": "3.4.34"
+ },
+ "peerDependencies": {
+ "typescript": "*"
+ },
+ "peerDependenciesMeta": {
+ "typescript": {
+ "optional": true
+ }
+ }
+ },
+ "node_modules/vue-eslint-parser": {
+ "version": "9.4.3",
+ "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.3.tgz",
+ "integrity": "sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==",
+ "dev": true,
+ "dependencies": {
+ "debug": "^4.3.4",
+ "eslint-scope": "^7.1.1",
+ "eslint-visitor-keys": "^3.3.0",
+ "espree": "^9.3.1",
+ "esquery": "^1.4.0",
+ "lodash": "^4.17.21",
+ "semver": "^7.3.6"
+ },
+ "engines": {
+ "node": "^14.17.0 || >=16.0.0"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/mysticatea"
+ },
+ "peerDependencies": {
+ "eslint": ">=6.0.0"
+ }
+ },
+ "node_modules/vue-router": {
+ "version": "4.4.0",
+ "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.4.0.tgz",
+ "integrity": "sha512-HB+t2p611aIZraV2aPSRNXf0Z/oLZFrlygJm+sZbdJaW6lcFqEDQwnzUBXn+DApw+/QzDU/I9TeWx9izEjTmsA==",
+ "dependencies": {
+ "@vue/devtools-api": "^6.5.1"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/posva"
+ },
+ "peerDependencies": {
+ "vue": "^3.2.0"
+ }
+ },
+ "node_modules/webpack-sources": {
+ "version": "3.2.3",
+ "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
+ "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
+ "dev": true,
+ "engines": {
+ "node": ">=10.13.0"
+ }
+ },
+ "node_modules/webpack-virtual-modules": {
+ "version": "0.6.2",
+ "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
+ "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
+ "dev": true
+ },
+ "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/word-wrap": {
+ "version": "1.2.5",
+ "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+ "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "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/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/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/wrap-ansi/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/wrap-ansi/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/wrappy": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+ "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+ "dev": true
+ },
+ "node_modules/xml-name-validator": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
+ "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
+ "dev": true,
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/yaml": {
+ "version": "2.5.0",
+ "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.5.0.tgz",
+ "integrity": "sha512-2wWLbGbYDiSqqIKoPjar3MPgB94ErzCtrNE1FdqGuaO0pi2JGjmE8aW8TDZwzU7vuxcGRdL/4gPQwQ7hD5AMSw==",
+ "dev": true,
+ "bin": {
+ "yaml": "bin.mjs"
+ },
+ "engines": {
+ "node": ">= 14"
+ }
+ },
+ "node_modules/yocto-queue": {
+ "version": "0.1.0",
+ "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+ "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+ "dev": true,
+ "engines": {
+ "node": ">=10"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/sindresorhus"
+ }
+ }
+ }
+}
diff --git a/package.json b/package.json
index ea43355..54e834b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "sakai-vue",
- "version": "3.10.0",
+ "version": "4.0.0",
"scripts": {
"dev": "vite",
"build": "vite build",
@@ -8,21 +8,27 @@
"lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
},
"dependencies": {
+ "@primevue/themes": "^4.0.0",
"chart.js": "3.3.2",
- "primeflex": "^3.3.1",
"primeicons": "^6.0.1",
- "primevue": "3.49.1",
- "vue": "^3.2.41",
- "vue-router": "^4.1.5"
+ "primevue": "^4.0.0",
+ "vue": "^3.4.34",
+ "vue-router": "^4.4.0"
},
"devDependencies": {
- "@rushstack/eslint-patch": "^1.1.4",
- "@vitejs/plugin-vue": "^4.1.0",
- "@vue/eslint-config-prettier": "^7.0.0",
- "eslint": "^8.22.0",
- "eslint-plugin-vue": "^9.3.0",
- "prettier": "^2.7.1",
+ "@primevue/auto-import-resolver": "^4.0.1",
+ "@rushstack/eslint-patch": "^1.8.0",
+ "@vitejs/plugin-vue": "^5.0.5",
+ "@vue/eslint-config-prettier": "^9.0.0",
+ "autoprefixer": "^10.4.19",
+ "eslint": "^8.57.0",
+ "eslint-plugin-vue": "^9.23.0",
+ "postcss": "^8.4.40",
+ "prettier": "^3.2.5",
"sass": "^1.55.0",
- "vite": "^4.2.1"
+ "tailwindcss": "^3.4.6",
+ "tailwindcss-primeui": "^0.3.2",
+ "unplugin-vue-components": "^0.27.3",
+ "vite": "^5.3.1"
}
}
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 0000000..33ad091
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+ plugins: {
+ tailwindcss: {},
+ autoprefixer: {},
+ },
+}
diff --git a/public/layout/images/themes/arya-blue.png b/public/layout/images/themes/arya-blue.png
deleted file mode 100644
index 62a7b05..0000000
Binary files a/public/layout/images/themes/arya-blue.png and /dev/null differ
diff --git a/public/layout/images/themes/arya-green.png b/public/layout/images/themes/arya-green.png
deleted file mode 100644
index 8b67fd8..0000000
Binary files a/public/layout/images/themes/arya-green.png and /dev/null differ
diff --git a/public/layout/images/themes/arya-orange.png b/public/layout/images/themes/arya-orange.png
deleted file mode 100644
index fef1ac4..0000000
Binary files a/public/layout/images/themes/arya-orange.png and /dev/null differ
diff --git a/public/layout/images/themes/arya-purple.png b/public/layout/images/themes/arya-purple.png
deleted file mode 100644
index fb7f9e8..0000000
Binary files a/public/layout/images/themes/arya-purple.png and /dev/null differ
diff --git a/public/layout/images/themes/bootstrap4-dark-blue.svg b/public/layout/images/themes/bootstrap4-dark-blue.svg
deleted file mode 100644
index d0a9de4..0000000
--- a/public/layout/images/themes/bootstrap4-dark-blue.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
diff --git a/public/layout/images/themes/bootstrap4-dark-purple.svg b/public/layout/images/themes/bootstrap4-dark-purple.svg
deleted file mode 100644
index c97df77..0000000
--- a/public/layout/images/themes/bootstrap4-dark-purple.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
diff --git a/public/layout/images/themes/bootstrap4-light-blue.svg b/public/layout/images/themes/bootstrap4-light-blue.svg
deleted file mode 100644
index 93c8b56..0000000
--- a/public/layout/images/themes/bootstrap4-light-blue.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
diff --git a/public/layout/images/themes/bootstrap4-light-purple.svg b/public/layout/images/themes/bootstrap4-light-purple.svg
deleted file mode 100644
index b9c644c..0000000
--- a/public/layout/images/themes/bootstrap4-light-purple.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
diff --git a/public/layout/images/themes/fluent-light.png b/public/layout/images/themes/fluent-light.png
deleted file mode 100644
index 4766eeb..0000000
Binary files a/public/layout/images/themes/fluent-light.png and /dev/null differ
diff --git a/public/layout/images/themes/lara-dark-blue.png b/public/layout/images/themes/lara-dark-blue.png
deleted file mode 100644
index 0a99908..0000000
Binary files a/public/layout/images/themes/lara-dark-blue.png and /dev/null differ
diff --git a/public/layout/images/themes/lara-dark-indigo.png b/public/layout/images/themes/lara-dark-indigo.png
deleted file mode 100644
index b435d98..0000000
Binary files a/public/layout/images/themes/lara-dark-indigo.png and /dev/null differ
diff --git a/public/layout/images/themes/lara-dark-purple.png b/public/layout/images/themes/lara-dark-purple.png
deleted file mode 100644
index e0d5bf4..0000000
Binary files a/public/layout/images/themes/lara-dark-purple.png and /dev/null differ
diff --git a/public/layout/images/themes/lara-dark-teal.png b/public/layout/images/themes/lara-dark-teal.png
deleted file mode 100644
index 2ae2194..0000000
Binary files a/public/layout/images/themes/lara-dark-teal.png and /dev/null differ
diff --git a/public/layout/images/themes/lara-light-blue.png b/public/layout/images/themes/lara-light-blue.png
deleted file mode 100644
index 0278849..0000000
Binary files a/public/layout/images/themes/lara-light-blue.png and /dev/null differ
diff --git a/public/layout/images/themes/lara-light-indigo.png b/public/layout/images/themes/lara-light-indigo.png
deleted file mode 100644
index 80bee58..0000000
Binary files a/public/layout/images/themes/lara-light-indigo.png and /dev/null differ
diff --git a/public/layout/images/themes/lara-light-purple.png b/public/layout/images/themes/lara-light-purple.png
deleted file mode 100644
index 7745c13..0000000
Binary files a/public/layout/images/themes/lara-light-purple.png and /dev/null differ
diff --git a/public/layout/images/themes/lara-light-teal.png b/public/layout/images/themes/lara-light-teal.png
deleted file mode 100644
index f8fb07f..0000000
Binary files a/public/layout/images/themes/lara-light-teal.png and /dev/null differ
diff --git a/public/layout/images/themes/luna-amber.png b/public/layout/images/themes/luna-amber.png
deleted file mode 100644
index 2cb7685..0000000
Binary files a/public/layout/images/themes/luna-amber.png and /dev/null differ
diff --git a/public/layout/images/themes/luna-blue.png b/public/layout/images/themes/luna-blue.png
deleted file mode 100644
index fac4339..0000000
Binary files a/public/layout/images/themes/luna-blue.png and /dev/null differ
diff --git a/public/layout/images/themes/luna-green.png b/public/layout/images/themes/luna-green.png
deleted file mode 100644
index f4c3789..0000000
Binary files a/public/layout/images/themes/luna-green.png and /dev/null differ
diff --git a/public/layout/images/themes/luna-pink.png b/public/layout/images/themes/luna-pink.png
deleted file mode 100644
index 6ef7b35..0000000
Binary files a/public/layout/images/themes/luna-pink.png and /dev/null differ
diff --git a/public/layout/images/themes/md-dark-deeppurple.svg b/public/layout/images/themes/md-dark-deeppurple.svg
deleted file mode 100644
index c6f838b..0000000
--- a/public/layout/images/themes/md-dark-deeppurple.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
\ No newline at end of file
diff --git a/public/layout/images/themes/md-dark-indigo.svg b/public/layout/images/themes/md-dark-indigo.svg
deleted file mode 100644
index 68658b6..0000000
--- a/public/layout/images/themes/md-dark-indigo.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
\ No newline at end of file
diff --git a/public/layout/images/themes/md-light-deeppurple.svg b/public/layout/images/themes/md-light-deeppurple.svg
deleted file mode 100644
index 0d3119f..0000000
--- a/public/layout/images/themes/md-light-deeppurple.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
\ No newline at end of file
diff --git a/public/layout/images/themes/md-light-indigo.svg b/public/layout/images/themes/md-light-indigo.svg
deleted file mode 100644
index 1afeed7..0000000
--- a/public/layout/images/themes/md-light-indigo.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
\ No newline at end of file
diff --git a/public/layout/images/themes/mira.jpg b/public/layout/images/themes/mira.jpg
deleted file mode 100644
index 18e5b6e..0000000
Binary files a/public/layout/images/themes/mira.jpg and /dev/null differ
diff --git a/public/layout/images/themes/nano.jpg b/public/layout/images/themes/nano.jpg
deleted file mode 100644
index 62f3a10..0000000
Binary files a/public/layout/images/themes/nano.jpg and /dev/null differ
diff --git a/public/layout/images/themes/nova-accent.png b/public/layout/images/themes/nova-accent.png
deleted file mode 100644
index 260087f..0000000
Binary files a/public/layout/images/themes/nova-accent.png and /dev/null differ
diff --git a/public/layout/images/themes/nova-alt.png b/public/layout/images/themes/nova-alt.png
deleted file mode 100644
index 6d2eaa7..0000000
Binary files a/public/layout/images/themes/nova-alt.png and /dev/null differ
diff --git a/public/layout/images/themes/nova.png b/public/layout/images/themes/nova.png
deleted file mode 100644
index 12ff704..0000000
Binary files a/public/layout/images/themes/nova.png and /dev/null differ
diff --git a/public/layout/images/themes/rhea.png b/public/layout/images/themes/rhea.png
deleted file mode 100644
index 2ac3421..0000000
Binary files a/public/layout/images/themes/rhea.png and /dev/null differ
diff --git a/public/layout/images/themes/saga-blue.png b/public/layout/images/themes/saga-blue.png
deleted file mode 100644
index 0671d46..0000000
Binary files a/public/layout/images/themes/saga-blue.png and /dev/null differ
diff --git a/public/layout/images/themes/saga-green.png b/public/layout/images/themes/saga-green.png
deleted file mode 100644
index 4c8c3b8..0000000
Binary files a/public/layout/images/themes/saga-green.png and /dev/null differ
diff --git a/public/layout/images/themes/saga-orange.png b/public/layout/images/themes/saga-orange.png
deleted file mode 100644
index 2cabd5d..0000000
Binary files a/public/layout/images/themes/saga-orange.png and /dev/null differ
diff --git a/public/layout/images/themes/saga-purple.png b/public/layout/images/themes/saga-purple.png
deleted file mode 100644
index 4b45f8b..0000000
Binary files a/public/layout/images/themes/saga-purple.png and /dev/null differ
diff --git a/public/layout/images/themes/soho-dark.png b/public/layout/images/themes/soho-dark.png
deleted file mode 100644
index 02194d4..0000000
Binary files a/public/layout/images/themes/soho-dark.png and /dev/null differ
diff --git a/public/layout/images/themes/soho-light.png b/public/layout/images/themes/soho-light.png
deleted file mode 100644
index 9532fb5..0000000
Binary files a/public/layout/images/themes/soho-light.png and /dev/null differ
diff --git a/public/layout/images/themes/tailwind-light.png b/public/layout/images/themes/tailwind-light.png
deleted file mode 100644
index 679bd1e..0000000
Binary files a/public/layout/images/themes/tailwind-light.png and /dev/null differ
diff --git a/public/layout/images/themes/vela-blue.png b/public/layout/images/themes/vela-blue.png
deleted file mode 100644
index 6780f35..0000000
Binary files a/public/layout/images/themes/vela-blue.png and /dev/null differ
diff --git a/public/layout/images/themes/vela-green.png b/public/layout/images/themes/vela-green.png
deleted file mode 100644
index 6344526..0000000
Binary files a/public/layout/images/themes/vela-green.png and /dev/null differ
diff --git a/public/layout/images/themes/vela-orange.png b/public/layout/images/themes/vela-orange.png
deleted file mode 100644
index a2a9cde..0000000
Binary files a/public/layout/images/themes/vela-orange.png and /dev/null differ
diff --git a/public/layout/images/themes/vela-purple.png b/public/layout/images/themes/vela-purple.png
deleted file mode 100644
index d53ac06..0000000
Binary files a/public/layout/images/themes/vela-purple.png and /dev/null differ
diff --git a/public/layout/images/themes/viva-dark.svg b/public/layout/images/themes/viva-dark.svg
deleted file mode 100644
index 43b7706..0000000
--- a/public/layout/images/themes/viva-dark.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
diff --git a/public/layout/images/themes/viva-light.svg b/public/layout/images/themes/viva-light.svg
deleted file mode 100644
index 1904eb4..0000000
--- a/public/layout/images/themes/viva-light.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css
deleted file mode 100644
index 76b577f..0000000
--- a/public/themes/arya-blue/theme.css
+++ /dev/null
@@ -1,10670 +0,0 @@
-:root {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- --surface-a:#1e1e1e;
- --surface-b:#121212;
- --surface-c:rgba(255, 255, 255, 0.03);
- --surface-d:#383838;
- --surface-e:#1e1e1e;
- --surface-f:#1e1e1e;
- --text-color:rgba(255, 255, 255, 0.87);
- --text-color-secondary:rgba(255, 255, 255, 0.6);
- --primary-color:#64B5F6;
- --primary-color-text:#212529;
- --surface-0: #121212;
- --surface-50: #2a2a2a;
- --surface-100: #414141;
- --surface-200: #595959;
- --surface-300: #717171;
- --surface-400: #898989;
- --surface-500: #a0a0a0;
- --surface-600: #b8b8b8;
- --surface-700: #d0d0d0;
- --surface-800: #e7e7e7;
- --surface-900: #ffffff;
- --gray-50:#e7e7e7;
- --gray-100: #d0d0d0;
- --gray-200: #b8b8b8;
- --gray-300: #a0a0a0;
- --gray-400: #898989;
- --gray-500: #717171;
- --gray-600: #595959;
- --gray-700: #414141;
- --gray-800: #2a2a2a;
- --gray-900: #121212;
- --content-padding:1rem;
- --inline-spacing:0.5rem;
- --border-radius:3px;
- --surface-ground:#121212;
- --surface-section:#121212;
- --surface-card:#1e1e1e;
- --surface-overlay:#1e1e1e;
- --surface-border:#383838;
- --surface-hover:rgba(255,255,255,.03);
- --focus-ring: 0 0 0 1px #93cbf9;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: rgba(100, 181, 246, 0.16);
- --highlight-text-color: rgba(255, 255, 255, 0.87);
- color-scheme: dark;
-}
-
-:root {
- --blue-50:#f4fafe;
- --blue-100:#cae6fc;
- --blue-200:#a0d2fa;
- --blue-300:#75bef8;
- --blue-400:#4baaf5;
- --blue-500:#2196f3;
- --blue-600:#1c80cf;
- --blue-700:#1769aa;
- --blue-800:#125386;
- --blue-900:#0d3c61;
- --green-50:#f6fbf6;
- --green-100:#d4ecd5;
- --green-200:#b2ddb4;
- --green-300:#90cd93;
- --green-400:#6ebe71;
- --green-500:#4caf50;
- --green-600:#419544;
- --green-700:#357b38;
- --green-800:#2a602c;
- --green-900:#1e4620;
- --yellow-50:#fffcf5;
- --yellow-100:#fef0cd;
- --yellow-200:#fde4a5;
- --yellow-300:#fdd87d;
- --yellow-400:#fccc55;
- --yellow-500:#fbc02d;
- --yellow-600:#d5a326;
- --yellow-700:#b08620;
- --yellow-800:#8a6a19;
- --yellow-900:#644d12;
- --cyan-50:#f2fcfd;
- --cyan-100:#c2eff5;
- --cyan-200:#91e2ed;
- --cyan-300:#61d5e4;
- --cyan-400:#30c9dc;
- --cyan-500:#00bcd4;
- --cyan-600:#00a0b4;
- --cyan-700:#008494;
- --cyan-800:#006775;
- --cyan-900:#004b55;
- --pink-50:#fef4f7;
- --pink-100:#fac9da;
- --pink-200:#f69ebc;
- --pink-300:#f1749e;
- --pink-400:#ed4981;
- --pink-500:#e91e63;
- --pink-600:#c61a54;
- --pink-700:#a31545;
- --pink-800:#801136;
- --pink-900:#5d0c28;
- --indigo-50:#f5f6fb;
- --indigo-100:#d1d5ed;
- --indigo-200:#acb4df;
- --indigo-300:#8893d1;
- --indigo-400:#6372c3;
- --indigo-500:#3f51b5;
- --indigo-600:#36459a;
- --indigo-700:#2c397f;
- --indigo-800:#232d64;
- --indigo-900:#192048;
- --teal-50:#f2faf9;
- --teal-100:#c2e6e2;
- --teal-200:#91d2cc;
- --teal-300:#61beb5;
- --teal-400:#30aa9f;
- --teal-500:#009688;
- --teal-600:#008074;
- --teal-700:#00695f;
- --teal-800:#00534b;
- --teal-900:#003c36;
- --orange-50:#fff8f2;
- --orange-100:#fde0c2;
- --orange-200:#fbc791;
- --orange-300:#f9ae61;
- --orange-400:#f79530;
- --orange-500:#f57c00;
- --orange-600:#d06900;
- --orange-700:#ac5700;
- --orange-800:#874400;
- --orange-900:#623200;
- --bluegray-50:#f7f9f9;
- --bluegray-100:#d9e0e3;
- --bluegray-200:#bbc7cd;
- --bluegray-300:#9caeb7;
- --bluegray-400:#7e96a1;
- --bluegray-500:#607d8b;
- --bluegray-600:#526a76;
- --bluegray-700:#435861;
- --bluegray-800:#35454c;
- --bluegray-900:#263238;
- --purple-50:#faf4fb;
- --purple-100:#e7cbec;
- --purple-200:#d4a2dd;
- --purple-300:#c279ce;
- --purple-400:#af50bf;
- --purple-500:#9c27b0;
- --purple-600:#852196;
- --purple-700:#6d1b7b;
- --purple-800:#561561;
- --purple-900:#3e1046;
- --red-50:#fff5f5;
- --red-100:#ffd1ce;
- --red-200:#ffada7;
- --red-300:#ff8980;
- --red-400:#ff6459;
- --red-500:#ff4032;
- --red-600:#d9362b;
- --red-700:#b32d23;
- --red-800:#8c231c;
- --red-900:#661a14;
- --primary-50:#f7fbff;
- --primary-100:#daedfd;
- --primary-200:#bcdffb;
- --primary-300:#9fd1f9;
- --primary-400:#81c3f8;
- --primary-500:#64b5f6;
- --primary-600:#559ad1;
- --primary-700:#467fac;
- --primary-800:#376487;
- --primary-900:#284862;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #1e1e1e;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #383838;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- padding: 0.5rem 0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 1rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #383838;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #121212;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #64B5F6;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #64B5F6;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #64B5F6;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #64B5F6;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.4;
- }
-
- .p-error {
- color: #ef9a9a;
- }
-
- .p-text-secondary {
- color: rgba(255, 255, 255, 0.6);
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.5rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.857rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #64B5F6;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #464646;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a;
- }
-
- .p-autocomplete-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.5rem 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(100, 181, 246, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6;
- }
-
- .p-datepicker {
- padding: 0.5rem;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #1e1e1e;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #383838;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- font-weight: 600;
- padding: 0.5rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #64B5F6;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0;
- }
- .p-datepicker table th {
- padding: 0.5rem;
- }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-datepicker table td {
- padding: 0.5rem;
- }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- transition: box-shadow 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16);
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: transparent;
- color: #64B5F6;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16);
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #383838;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #383838;
- padding: 0.5rem;
- }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16);
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16);
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #383838;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #121212;
- border: 1px solid #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #64B5F6;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #383838;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #383838;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #383838;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.5rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #ef9a9a;
- }
-
- .p-cascadeselect-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.5rem 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(100, 181, 246, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 20px;
- height: 20px;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 2px solid #383838;
- border-radius: 3px;
- }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #383838;
- background: #121212;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #212529;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #64B5F6;
- background: #64B5F6;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #64B5F6;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #2396f2;
- background: #2396f2;
- color: #212529;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #ef9a9a;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #383838;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #64B5F6;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #383838;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #2396f2;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #383838;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #64B5F6;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #383838;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #2396f2;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #64B5F6;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #464646;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 2rem;
- height: 2rem;
- }
-
- .p-colorpicker-panel {
- background: #1e1e1e;
- border: 1px solid #383838;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: rgba(255, 255, 255, 0.87);
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #121212;
- border: 1px solid #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #64B5F6;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6;
- }
- .p-dropdown.p-variant-filled {
- background: #383838;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #383838;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #383838;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.5rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #ef9a9a;
- }
-
- .p-dropdown-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.5rem;
- margin-right: -1.5rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.5rem 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(100, 181, 246, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- border-top: 1px solid #383838;
- border-left: 1px solid #383838;
- border-bottom: 1px solid #383838;
- padding: 0.5rem 0.5rem;
- min-width: 2.357rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #383838;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #383838;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #383838;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #383838;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 3rem;
- height: 1.75rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.6);
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #64B5F6;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.87);
- transform: translateX(1.25rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #43a5f4;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #ef9a9a;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #121212;
- padding: 0.5rem 0.5rem;
- border: 1px solid #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- appearance: none;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #64B5F6;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #ef9a9a;
- }
- .p-inputtext.p-variant-filled {
- background-color: #383838;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #383838;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #383838;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.625rem;
- }
-
- .p-float-label > label {
- left: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #ef9a9a;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2rem;
- }
-
- ::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- :-moz-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- ::-moz-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- :-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-filled .p-inputtext {
- background-color: #383838;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #383838;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #383838;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.625rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.5rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-listbox .p-listbox-list {
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16);
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(100, 181, 246, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6;
- }
- .p-listbox.p-invalid {
- border-color: #ef9a9a;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #121212;
- border: 1px solid #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #64B5F6;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6;
- }
- .p-multiselect.p-variant-filled {
- background: #383838;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #383838;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #383838;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #ef9a9a;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.5rem;
- }
-
- .p-multiselect-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.5rem 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(100, 181, 246, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a;
- }
-
- .p-password-panel {
- padding: 1rem;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #383838;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #F48FB1;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FFE082;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #C5E1A5;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 20px;
- height: 20px;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 2px solid #383838;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #383838;
- background: #121212;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #212529;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #64B5F6;
- background: #64B5F6;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #64B5F6;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #2396f2;
- background: #2396f2;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #212529;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #ef9a9a;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #383838;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #64B5F6;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #383838;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #2396f2;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #383838;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #64B5F6;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #383838;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #2396f2;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1.143rem;
- height: 1.143rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #F48FB1;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #64B5F6;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #64B5F6;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #F48FB1;
- }
-
- .p-selectbutton .p-button {
- background: #1e1e1e;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-selectbutton .p-button.p-highlight {
- background: #64B5F6;
- border-color: #64B5F6;
- color: #212529;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #212529;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #43a5f4;
- border-color: #43a5f4;
- color: #212529;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #212529;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #ef9a9a;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #383838;
- border: 0 none;
- border-radius: 3px;
- }
- .p-slider.p-slider-horizontal {
- height: 0.286rem;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem;
- }
- .p-slider.p-slider-vertical {
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem;
- }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #383838;
- border: 2px solid #64B5F6;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-slider .p-slider-range {
- background: #64B5F6;
- border-radius: 3px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #64B5F6;
- border-color: #64B5F6;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #121212;
- border: 1px solid #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #64B5F6;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6;
- }
- .p-treeselect.p-variant-filled {
- background: #383838;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #383838;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #383838;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #ef9a9a;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.5rem;
- }
-
- .p-treeselect-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #383838;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #383838;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #383838;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #383838;
- border-radius: 3px;
- }
- .p-togglebutton .p-button {
- background: #1e1e1e;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-togglebutton.p-highlight .p-button {
- background: #64B5F6;
- border-color: #64B5F6;
- color: #212529;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #212529;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #43a5f4;
- border-color: #43a5f4;
- color: #212529;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #212529;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #ef9a9a;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #212529;
- background: #64B5F6;
- border: 1px solid #64B5F6;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #43a5f4;
- color: #212529;
- border-color: #43a5f4;
- }
- .p-button:not(:disabled):active {
- background: #2396f2;
- color: #212529;
- border-color: #2396f2;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #64B5F6;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(100, 181, 246, 0.04);
- color: #64B5F6;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(100, 181, 246, 0.16);
- color: #64B5F6;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- border-color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #64B5F6;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(100, 181, 246, 0.04);
- color: #64B5F6;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(100, 181, 246, 0.16);
- color: #64B5F6;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #64B5F6;
- background-color: #212529;
- }
- .p-button.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.357rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #ffffff;
- background: #78909C;
- border: 1px solid #78909C;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #69838f;
- color: #ffffff;
- border-color: #69838f;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #a1b1ba;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #5d747f;
- color: #ffffff;
- border-color: #5d747f;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #78909C;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(120, 144, 156, 0.04);
- color: #78909C;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(120, 144, 156, 0.16);
- color: #78909C;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #78909C;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(120, 144, 156, 0.04);
- border-color: transparent;
- color: #78909C;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(120, 144, 156, 0.16);
- border-color: transparent;
- color: #78909C;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #121212;
- background: #81D4FA;
- border: 1px solid #81D4FA;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #5dc8f9;
- color: #121212;
- border-color: #5dc8f9;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #a7e1fc;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #38bbf7;
- color: #121212;
- border-color: #38bbf7;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #81D4FA;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(129, 212, 250, 0.04);
- color: #81D4FA;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(129, 212, 250, 0.16);
- color: #81D4FA;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #81D4FA;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(129, 212, 250, 0.04);
- border-color: transparent;
- color: #81D4FA;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(129, 212, 250, 0.16);
- border-color: transparent;
- color: #81D4FA;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #121212;
- background: #C5E1A5;
- border: 1px solid #C5E1A5;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #b2d788;
- color: #121212;
- border-color: #b2d788;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #d6eac0;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #9fce6b;
- color: #121212;
- border-color: #9fce6b;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #C5E1A5;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(197, 225, 165, 0.04);
- color: #C5E1A5;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(197, 225, 165, 0.16);
- color: #C5E1A5;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #C5E1A5;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(197, 225, 165, 0.04);
- border-color: transparent;
- color: #C5E1A5;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(197, 225, 165, 0.16);
- border-color: transparent;
- color: #C5E1A5;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #121212;
- background: #FFE082;
- border: 1px solid #FFE082;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ffd65c;
- color: #121212;
- border-color: #ffd65c;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #ffe9a8;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #ffcd35;
- color: #121212;
- border-color: #ffcd35;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFE082;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 224, 130, 0.04);
- color: #FFE082;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 224, 130, 0.16);
- color: #FFE082;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FFE082;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 224, 130, 0.04);
- border-color: transparent;
- color: #FFE082;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 224, 130, 0.16);
- border-color: transparent;
- color: #FFE082;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #121212;
- background: #CE93D8;
- border: 1px solid #CE93D8;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #c278ce;
- color: #121212;
- border-color: #c278ce;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #ddb3e4;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #b65ec5;
- color: #121212;
- border-color: #b65ec5;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #CE93D8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(206, 147, 216, 0.04);
- color: #CE93D8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #CE93D8;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(206, 147, 216, 0.04);
- border-color: transparent;
- color: #CE93D8;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(206, 147, 216, 0.16);
- border-color: transparent;
- color: #CE93D8;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #121212;
- background: #F48FB1;
- border: 1px solid #F48FB1;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #f16c98;
- color: #121212;
- border-color: #f16c98;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #f7b1c8;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #ed4980;
- color: #121212;
- border-color: #ed4980;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #F48FB1;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(244, 143, 177, 0.04);
- color: #F48FB1;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(244, 143, 177, 0.16);
- color: #F48FB1;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #F48FB1;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(244, 143, 177, 0.04);
- border-color: transparent;
- color: #F48FB1;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(244, 143, 177, 0.16);
- border-color: transparent;
- color: #F48FB1;
- }
-
- .p-button.p-button-link {
- color: #64B5F6;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #64B5F6;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #64B5F6;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1.3rem;
- height: 1.3rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
-
- .p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: rgba(255, 255, 255, 0.87);
- color: #121212;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-speeddial-action:hover {
- background: rgba(255, 255, 255, 0.6);
- color: #121212;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 3px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 3px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #383838;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #4c4c4c;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- transition: box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16);
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #1e1e1e;
- color: #64B5F6;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #64B5F6;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #64B5F6;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #64B5F6;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem #93cbf9;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid #93cbf9;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid #93cbf9;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(100, 181, 246, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(100, 181, 246, 0.16);
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-column-resizer-helper {
- background: #64B5F6;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #1e1e1e;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #242424;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
-
- .p-column-filter-clear-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
-
- .p-column-filter-overlay {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.5rem 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #93cbf9;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 1rem;
- border-bottom: 1px solid #383838;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 1rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #1e1e1e;
- border: 1px solid #383838;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6;
- }
- .p-orderlist .p-orderlist-header {
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #383838;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(100, 181, 246, 0.24);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: rgba(255, 255, 255, 0.01);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(12, 120, 207, 0.16);
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #383838;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #383838;
- border-color: #383838;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #383838;
- border-color: #383838;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- border: solid #383838;
- border-width: 1px;
- padding: 0.5rem 1rem;
- border-radius: 3px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.286em;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.286em;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(100, 181, 246, 0.16);
- border-color: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 1rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #1e1e1e;
- border: 1px solid #383838;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- border-color: #64B5F6;
- }
- .p-picklist .p-picklist-header {
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #383838;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(100, 181, 246, 0.24);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: rgba(255, 255, 255, 0.01);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #64B5F6;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #1e1e1e;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #383838;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- border-radius: 3px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #93cbf9;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: box-shadow 0.2s;
- padding: 0;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- transition: box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- }
- .p-treetable .p-sortable-column {
- outline-color: #93cbf9;
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(100, 181, 246, 0.16);
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #1e1e1e;
- color: #64B5F6;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #64B5F6;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid #93cbf9;
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-column-resizer-helper {
- background: #64B5F6;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #1e1e1e;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1rem;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-radius: 3px;
- transition: box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #1e1e1e;
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #383838;
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-accordion .p-accordion-content {
- padding: 1rem;
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-card {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-card .p-card-body {
- padding: 1rem;
- }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 700;
- margin-bottom: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-card .p-card-content {
- padding: 1rem 0;
- }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-radius: 3px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-fieldset .p-fieldset-content {
- padding: 1rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #1e1e1e;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #383838;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #383838;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #383838;
- padding: 1rem;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem;
- }
- .p-panel .p-panel-content {
- padding: 1rem;
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-panel .p-panel-footer {
- padding: 0.5rem 1rem;
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #383838;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #383838;
- background: #1e1e1e;
- border-radius: 3px;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #383838;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: box-shadow 0.2s;
- border-radius: 3px;
- background: transparent;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- border-width: 2px;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- font-weight: 600;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #64B5F6;
- }
- .p-stepper .p-stepper-panels {
- background: #1e1e1e;
- padding: 1rem;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-separator {
- background-color: #383838;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: box-shadow 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #64B5F6;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: transparent;
- border: 1px solid #383838;
- border-width: 0 0 2px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #383838;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #383838 transparent;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #1e1e1e;
- border-color: #64B5F6;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #1e1e1e;
- border-color: #64B5F6;
- color: #64B5F6;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #1e1e1e;
- color: #64B5F6;
- width: 2.357rem;
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9;
- }
- .p-tabview .p-tabview-panels {
- background: #1e1e1e;
- padding: 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #1e1e1e;
- border: 1px solid #383838;
- padding: 1rem;
- border-radius: 3px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(30, 30, 30, 0);
- border-bottom-color: #1e1e1e;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(56, 56, 56, 0);
- border-bottom-color: #353535;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #1e1e1e;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #383838;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 3px;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
- border: 1px solid #383838;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.5rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 2rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #64B5F6;
- color: #212529;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #43a5f4;
- color: #212529;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(30, 30, 30, 0);
- border-bottom-color: #1e1e1e;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(56, 56, 56, 0);
- border-bottom-color: #353535;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #1e1e1e;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #383838;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 1rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- padding: 0.5rem 0.5rem;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #383838;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #383838;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #383838;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #383838;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #1e1e1e;
- padding: 1rem;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- border-bottom: 0 none;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-fileupload .p-fileupload-content {
- background: #1e1e1e;
- padding: 2rem 1rem;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #64B5F6;
- background-color: rgba(100, 181, 246, 0.16);
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #383838;
- border-radius: 3px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #43a5f4;
- color: #212529;
- border-color: #43a5f4;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #2396f2;
- color: #212529;
- border-color: #2396f2;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #1e1e1e;
- border: 1px solid #383838;
- border-radius: 3px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-contextmenu .p-menuitem {
- margin: 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 3px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #93cbf9;
- }
- .p-dock .p-dock-link {
- width: 4rem;
- height: 4rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-megamenu-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.25rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu.p-menu-overlay {
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem {
- margin: 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- min-width: 12.5rem;
- border-radius: 3px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.25rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.75rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.25rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 6.75rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 8.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- border-radius: 3px;
- transition: box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #1e1e1e;
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #383838;
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0;
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- background: transparent;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #383838;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: transparent;
- border: 1px solid #383838;
- border-width: 0 0 2px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #383838;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #383838 transparent;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #93cbf9;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #1e1e1e;
- border-color: #64B5F6;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #1e1e1e;
- border-color: #64B5F6;
- color: #64B5F6;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.5rem;
- margin: 0;
- border-radius: 3px;
- }
- .p-inline-message.p-inline-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 1px;
- color: #044868;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #044868;
- }
- .p-inline-message.p-inline-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 1px;
- color: #224a23;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #224a23;
- }
- .p-inline-message.p-inline-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 1px;
- color: #6d5100;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #6d5100;
- }
- .p-inline-message.p-inline-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 1px;
- color: #73000c;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #73000c;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 3px;
- }
- .p-message .p-message-wrapper {
- padding: 1rem 1.5rem;
- }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-message.p-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868;
- }
- .p-message.p-message-info .p-message-icon {
- color: #044868;
- }
- .p-message.p-message-info .p-message-close {
- color: #044868;
- }
- .p-message.p-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23;
- }
- .p-message.p-message-success .p-message-icon {
- color: #224a23;
- }
- .p-message.p-message-success .p-message-close {
- color: #224a23;
- }
- .p-message.p-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #6d5100;
- }
- .p-message.p-message-warn .p-message-close {
- color: #6d5100;
- }
- .p-message.p-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c;
- }
- .p-message.p-message-error .p-message-icon {
- color: #73000c;
- }
- .p-message.p-message-error .p-message-close {
- color: #73000c;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 0.9;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: none;
- border-radius: 3px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0 0 0 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #044868;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #224a23;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #6d5100;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #73000c;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #f8f9fa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #f8f9fa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #f8f9fa;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #383838;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #4c4c4c;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(100, 181, 246, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f8f9fa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #f8f9fa;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #f8f9fa;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #f8f9fa;
- background-color: rgba(255, 255, 255, 0.1);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #383838;
- border-radius: 3px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #1e1e1e;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #64B5F6;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #78909C;
- color: #ffffff;
- }
- .p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #121212;
- }
- .p-badge.p-badge-info {
- background-color: #81D4FA;
- color: #121212;
- }
- .p-badge.p-badge-warning {
- background-color: #FFE082;
- color: #121212;
- }
- .p-badge.p-badge-danger {
- background-color: #F48FB1;
- color: #121212;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 3px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- padding: 0 0.5rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #93cbf9;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #383838;
- border-radius: 3px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #64B5F6;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #64B5F6;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #383838;
- border-radius: 3px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #64B5F6;
- }
- .p-progressbar .p-progressbar-label {
- color: #212529;
- line-height: 1.5rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #73000c;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #73000c;
- }
- 40% {
- stroke: #044868;
- }
- 66% {
- stroke: #224a23;
- }
- 80%, 90% {
- stroke: #6d5100;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-scrolltop.p-link {
- background: rgba(100, 181, 246, 0.16);
- }
- .p-scrolltop.p-link:hover {
- background: rgba(100, 181, 246, 0.3616);
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 3px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #64B5F6;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
- }
- .p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #121212;
- }
- .p-tag.p-tag-info {
- background-color: #81D4FA;
- color: #121212;
- }
- .p-tag.p-tag-warning {
- background-color: #FFE082;
- color: #121212;
- }
- .p-tag.p-tag-danger {
- background-color: #F48FB1;
- color: #121212;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- padding: 1rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-/* Customizations to the designer theme should be defined here */
-@layer primevue {
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #64B5F6;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #64B5F6;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #64B5F6;
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #64B5F6;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #64B5F6;
- }
-}
diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css
deleted file mode 100644
index 2320283..0000000
--- a/public/themes/arya-green/theme.css
+++ /dev/null
@@ -1,10670 +0,0 @@
-:root {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- --surface-a:#1e1e1e;
- --surface-b:#121212;
- --surface-c:rgba(255, 255, 255, 0.03);
- --surface-d:#383838;
- --surface-e:#1e1e1e;
- --surface-f:#1e1e1e;
- --text-color:rgba(255, 255, 255, 0.87);
- --text-color-secondary:rgba(255, 255, 255, 0.6);
- --primary-color:#81C784;
- --primary-color-text:#212529;
- --surface-0: #121212;
- --surface-50: #2a2a2a;
- --surface-100: #414141;
- --surface-200: #595959;
- --surface-300: #717171;
- --surface-400: #898989;
- --surface-500: #a0a0a0;
- --surface-600: #b8b8b8;
- --surface-700: #d0d0d0;
- --surface-800: #e7e7e7;
- --surface-900: #ffffff;
- --gray-50:#e7e7e7;
- --gray-100: #d0d0d0;
- --gray-200: #b8b8b8;
- --gray-300: #a0a0a0;
- --gray-400: #898989;
- --gray-500: #717171;
- --gray-600: #595959;
- --gray-700: #414141;
- --gray-800: #2a2a2a;
- --gray-900: #121212;
- --content-padding:1rem;
- --inline-spacing:0.5rem;
- --border-radius:3px;
- --surface-ground:#121212;
- --surface-section:#121212;
- --surface-card:#1e1e1e;
- --surface-overlay:#1e1e1e;
- --surface-border:#383838;
- --surface-hover:rgba(255,255,255,.03);
- --focus-ring: 0 0 0 1px #a7d8a9;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: rgba(129, 199, 132, 0.16);
- --highlight-text-color: rgba(255, 255, 255, 0.87);
- color-scheme: dark;
-}
-
-:root {
- --blue-50:#f4fafe;
- --blue-100:#cae6fc;
- --blue-200:#a0d2fa;
- --blue-300:#75bef8;
- --blue-400:#4baaf5;
- --blue-500:#2196f3;
- --blue-600:#1c80cf;
- --blue-700:#1769aa;
- --blue-800:#125386;
- --blue-900:#0d3c61;
- --green-50:#f6fbf6;
- --green-100:#d4ecd5;
- --green-200:#b2ddb4;
- --green-300:#90cd93;
- --green-400:#6ebe71;
- --green-500:#4caf50;
- --green-600:#419544;
- --green-700:#357b38;
- --green-800:#2a602c;
- --green-900:#1e4620;
- --yellow-50:#fffcf5;
- --yellow-100:#fef0cd;
- --yellow-200:#fde4a5;
- --yellow-300:#fdd87d;
- --yellow-400:#fccc55;
- --yellow-500:#fbc02d;
- --yellow-600:#d5a326;
- --yellow-700:#b08620;
- --yellow-800:#8a6a19;
- --yellow-900:#644d12;
- --cyan-50:#f2fcfd;
- --cyan-100:#c2eff5;
- --cyan-200:#91e2ed;
- --cyan-300:#61d5e4;
- --cyan-400:#30c9dc;
- --cyan-500:#00bcd4;
- --cyan-600:#00a0b4;
- --cyan-700:#008494;
- --cyan-800:#006775;
- --cyan-900:#004b55;
- --pink-50:#fef4f7;
- --pink-100:#fac9da;
- --pink-200:#f69ebc;
- --pink-300:#f1749e;
- --pink-400:#ed4981;
- --pink-500:#e91e63;
- --pink-600:#c61a54;
- --pink-700:#a31545;
- --pink-800:#801136;
- --pink-900:#5d0c28;
- --indigo-50:#f5f6fb;
- --indigo-100:#d1d5ed;
- --indigo-200:#acb4df;
- --indigo-300:#8893d1;
- --indigo-400:#6372c3;
- --indigo-500:#3f51b5;
- --indigo-600:#36459a;
- --indigo-700:#2c397f;
- --indigo-800:#232d64;
- --indigo-900:#192048;
- --teal-50:#f2faf9;
- --teal-100:#c2e6e2;
- --teal-200:#91d2cc;
- --teal-300:#61beb5;
- --teal-400:#30aa9f;
- --teal-500:#009688;
- --teal-600:#008074;
- --teal-700:#00695f;
- --teal-800:#00534b;
- --teal-900:#003c36;
- --orange-50:#fff8f2;
- --orange-100:#fde0c2;
- --orange-200:#fbc791;
- --orange-300:#f9ae61;
- --orange-400:#f79530;
- --orange-500:#f57c00;
- --orange-600:#d06900;
- --orange-700:#ac5700;
- --orange-800:#874400;
- --orange-900:#623200;
- --bluegray-50:#f7f9f9;
- --bluegray-100:#d9e0e3;
- --bluegray-200:#bbc7cd;
- --bluegray-300:#9caeb7;
- --bluegray-400:#7e96a1;
- --bluegray-500:#607d8b;
- --bluegray-600:#526a76;
- --bluegray-700:#435861;
- --bluegray-800:#35454c;
- --bluegray-900:#263238;
- --purple-50:#faf4fb;
- --purple-100:#e7cbec;
- --purple-200:#d4a2dd;
- --purple-300:#c279ce;
- --purple-400:#af50bf;
- --purple-500:#9c27b0;
- --purple-600:#852196;
- --purple-700:#6d1b7b;
- --purple-800:#561561;
- --purple-900:#3e1046;
- --red-50:#fff5f5;
- --red-100:#ffd1ce;
- --red-200:#ffada7;
- --red-300:#ff8980;
- --red-400:#ff6459;
- --red-500:#ff4032;
- --red-600:#d9362b;
- --red-700:#b32d23;
- --red-800:#8c231c;
- --red-900:#661a14;
- --primary-50:#f9fcf9;
- --primary-100:#e1f2e1;
- --primary-200:#c9e7ca;
- --primary-300:#b1dcb3;
- --primary-400:#99d29b;
- --primary-500:#81c784;
- --primary-600:#6ea970;
- --primary-700:#5a8b5c;
- --primary-800:#476d49;
- --primary-900:#345035;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #1e1e1e;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #383838;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- padding: 0.5rem 0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 1rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #383838;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #121212;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #81C784;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #81C784;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #81C784;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #81C784;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.4;
- }
-
- .p-error {
- color: #ef9a9a;
- }
-
- .p-text-secondary {
- color: rgba(255, 255, 255, 0.6);
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.5rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.857rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #81C784;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #464646;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a;
- }
-
- .p-autocomplete-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.5rem 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(129, 199, 132, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784;
- }
-
- .p-datepicker {
- padding: 0.5rem;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #1e1e1e;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #383838;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- font-weight: 600;
- padding: 0.5rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #81C784;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0;
- }
- .p-datepicker table th {
- padding: 0.5rem;
- }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-datepicker table td {
- padding: 0.5rem;
- }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- transition: box-shadow 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16);
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: transparent;
- color: #81C784;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16);
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #383838;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #383838;
- padding: 0.5rem;
- }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16);
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16);
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #383838;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #121212;
- border: 1px solid #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #81C784;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #383838;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #383838;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #383838;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.5rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #ef9a9a;
- }
-
- .p-cascadeselect-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.5rem 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(129, 199, 132, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 20px;
- height: 20px;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 2px solid #383838;
- border-radius: 3px;
- }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #383838;
- background: #121212;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #212529;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #81C784;
- background: #81C784;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #81C784;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #54b358;
- background: #54b358;
- color: #212529;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #ef9a9a;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #383838;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #81C784;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #383838;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #54b358;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #383838;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #81C784;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #383838;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #54b358;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #81C784;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #464646;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 2rem;
- height: 2rem;
- }
-
- .p-colorpicker-panel {
- background: #1e1e1e;
- border: 1px solid #383838;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: rgba(255, 255, 255, 0.87);
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #121212;
- border: 1px solid #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #81C784;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784;
- }
- .p-dropdown.p-variant-filled {
- background: #383838;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #383838;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #383838;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.5rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #ef9a9a;
- }
-
- .p-dropdown-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.5rem;
- margin-right: -1.5rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.5rem 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(129, 199, 132, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- border-top: 1px solid #383838;
- border-left: 1px solid #383838;
- border-bottom: 1px solid #383838;
- padding: 0.5rem 0.5rem;
- min-width: 2.357rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #383838;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #383838;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #383838;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #383838;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 3rem;
- height: 1.75rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.6);
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #81C784;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.87);
- transform: translateX(1.25rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #6abd6e;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #ef9a9a;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #121212;
- padding: 0.5rem 0.5rem;
- border: 1px solid #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- appearance: none;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #81C784;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #ef9a9a;
- }
- .p-inputtext.p-variant-filled {
- background-color: #383838;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #383838;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #383838;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.625rem;
- }
-
- .p-float-label > label {
- left: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #ef9a9a;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2rem;
- }
-
- ::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- :-moz-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- ::-moz-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- :-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-filled .p-inputtext {
- background-color: #383838;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #383838;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #383838;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.625rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.5rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-listbox .p-listbox-list {
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16);
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(129, 199, 132, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784;
- }
- .p-listbox.p-invalid {
- border-color: #ef9a9a;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #121212;
- border: 1px solid #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #81C784;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784;
- }
- .p-multiselect.p-variant-filled {
- background: #383838;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #383838;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #383838;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #ef9a9a;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.5rem;
- }
-
- .p-multiselect-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.5rem 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(129, 199, 132, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a;
- }
-
- .p-password-panel {
- padding: 1rem;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #383838;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #F48FB1;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FFE082;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #C5E1A5;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 20px;
- height: 20px;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 2px solid #383838;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #383838;
- background: #121212;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #212529;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #81C784;
- background: #81C784;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #81C784;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #54b358;
- background: #54b358;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #212529;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #ef9a9a;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #383838;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #81C784;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #383838;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #54b358;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #383838;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #81C784;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #383838;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #54b358;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1.143rem;
- height: 1.143rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #F48FB1;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #81C784;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #81C784;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #F48FB1;
- }
-
- .p-selectbutton .p-button {
- background: #1e1e1e;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-selectbutton .p-button.p-highlight {
- background: #81C784;
- border-color: #81C784;
- color: #212529;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #212529;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #6abd6e;
- border-color: #6abd6e;
- color: #212529;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #212529;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #ef9a9a;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #383838;
- border: 0 none;
- border-radius: 3px;
- }
- .p-slider.p-slider-horizontal {
- height: 0.286rem;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem;
- }
- .p-slider.p-slider-vertical {
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem;
- }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #383838;
- border: 2px solid #81C784;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-slider .p-slider-range {
- background: #81C784;
- border-radius: 3px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #81C784;
- border-color: #81C784;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #121212;
- border: 1px solid #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #81C784;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784;
- }
- .p-treeselect.p-variant-filled {
- background: #383838;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #383838;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #383838;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #ef9a9a;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.5rem;
- }
-
- .p-treeselect-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #383838;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #383838;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #383838;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #383838;
- border-radius: 3px;
- }
- .p-togglebutton .p-button {
- background: #1e1e1e;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-togglebutton.p-highlight .p-button {
- background: #81C784;
- border-color: #81C784;
- color: #212529;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #212529;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #6abd6e;
- border-color: #6abd6e;
- color: #212529;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #212529;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #ef9a9a;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #212529;
- background: #81C784;
- border: 1px solid #81C784;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #6abd6e;
- color: #212529;
- border-color: #6abd6e;
- }
- .p-button:not(:disabled):active {
- background: #54b358;
- color: #212529;
- border-color: #54b358;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #81C784;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(129, 199, 132, 0.04);
- color: #81C784;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(129, 199, 132, 0.16);
- color: #81C784;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- border-color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #81C784;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(129, 199, 132, 0.04);
- color: #81C784;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(129, 199, 132, 0.16);
- color: #81C784;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #81C784;
- background-color: #212529;
- }
- .p-button.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.357rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #ffffff;
- background: #78909C;
- border: 1px solid #78909C;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #69838f;
- color: #ffffff;
- border-color: #69838f;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #a1b1ba;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #5d747f;
- color: #ffffff;
- border-color: #5d747f;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #78909C;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(120, 144, 156, 0.04);
- color: #78909C;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(120, 144, 156, 0.16);
- color: #78909C;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #78909C;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(120, 144, 156, 0.04);
- border-color: transparent;
- color: #78909C;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(120, 144, 156, 0.16);
- border-color: transparent;
- color: #78909C;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #121212;
- background: #81D4FA;
- border: 1px solid #81D4FA;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #5dc8f9;
- color: #121212;
- border-color: #5dc8f9;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #a7e1fc;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #38bbf7;
- color: #121212;
- border-color: #38bbf7;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #81D4FA;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(129, 212, 250, 0.04);
- color: #81D4FA;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(129, 212, 250, 0.16);
- color: #81D4FA;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #81D4FA;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(129, 212, 250, 0.04);
- border-color: transparent;
- color: #81D4FA;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(129, 212, 250, 0.16);
- border-color: transparent;
- color: #81D4FA;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #121212;
- background: #C5E1A5;
- border: 1px solid #C5E1A5;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #b2d788;
- color: #121212;
- border-color: #b2d788;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #d6eac0;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #9fce6b;
- color: #121212;
- border-color: #9fce6b;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #C5E1A5;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(197, 225, 165, 0.04);
- color: #C5E1A5;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(197, 225, 165, 0.16);
- color: #C5E1A5;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #C5E1A5;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(197, 225, 165, 0.04);
- border-color: transparent;
- color: #C5E1A5;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(197, 225, 165, 0.16);
- border-color: transparent;
- color: #C5E1A5;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #121212;
- background: #FFE082;
- border: 1px solid #FFE082;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ffd65c;
- color: #121212;
- border-color: #ffd65c;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #ffe9a8;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #ffcd35;
- color: #121212;
- border-color: #ffcd35;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFE082;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 224, 130, 0.04);
- color: #FFE082;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 224, 130, 0.16);
- color: #FFE082;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FFE082;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 224, 130, 0.04);
- border-color: transparent;
- color: #FFE082;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 224, 130, 0.16);
- border-color: transparent;
- color: #FFE082;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #121212;
- background: #CE93D8;
- border: 1px solid #CE93D8;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #c278ce;
- color: #121212;
- border-color: #c278ce;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #ddb3e4;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #b65ec5;
- color: #121212;
- border-color: #b65ec5;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #CE93D8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(206, 147, 216, 0.04);
- color: #CE93D8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #CE93D8;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(206, 147, 216, 0.04);
- border-color: transparent;
- color: #CE93D8;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(206, 147, 216, 0.16);
- border-color: transparent;
- color: #CE93D8;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #121212;
- background: #F48FB1;
- border: 1px solid #F48FB1;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #f16c98;
- color: #121212;
- border-color: #f16c98;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #f7b1c8;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #ed4980;
- color: #121212;
- border-color: #ed4980;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #F48FB1;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(244, 143, 177, 0.04);
- color: #F48FB1;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(244, 143, 177, 0.16);
- color: #F48FB1;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #F48FB1;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(244, 143, 177, 0.04);
- border-color: transparent;
- color: #F48FB1;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(244, 143, 177, 0.16);
- border-color: transparent;
- color: #F48FB1;
- }
-
- .p-button.p-button-link {
- color: #81C784;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #81C784;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #81C784;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1.3rem;
- height: 1.3rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
-
- .p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: rgba(255, 255, 255, 0.87);
- color: #121212;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-speeddial-action:hover {
- background: rgba(255, 255, 255, 0.6);
- color: #121212;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 3px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 3px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #383838;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #4c4c4c;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- transition: box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16);
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #1e1e1e;
- color: #81C784;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #81C784;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #81C784;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #81C784;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem #a7d8a9;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid #a7d8a9;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid #a7d8a9;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(129, 199, 132, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(129, 199, 132, 0.16);
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-column-resizer-helper {
- background: #81C784;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #1e1e1e;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #242424;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
-
- .p-column-filter-clear-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
-
- .p-column-filter-overlay {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.5rem 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a7d8a9;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 1rem;
- border-bottom: 1px solid #383838;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 1rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #1e1e1e;
- border: 1px solid #383838;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784;
- }
- .p-orderlist .p-orderlist-header {
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #383838;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(129, 199, 132, 0.24);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: rgba(255, 255, 255, 0.01);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(62, 139, 65, 0.16);
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #383838;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #383838;
- border-color: #383838;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #383838;
- border-color: #383838;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- border: solid #383838;
- border-width: 1px;
- padding: 0.5rem 1rem;
- border-radius: 3px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.286em;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.286em;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(129, 199, 132, 0.16);
- border-color: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 1rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #1e1e1e;
- border: 1px solid #383838;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- border-color: #81C784;
- }
- .p-picklist .p-picklist-header {
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #383838;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(129, 199, 132, 0.24);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: rgba(255, 255, 255, 0.01);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #81C784;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #1e1e1e;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #383838;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- border-radius: 3px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a7d8a9;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: box-shadow 0.2s;
- padding: 0;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- transition: box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- }
- .p-treetable .p-sortable-column {
- outline-color: #a7d8a9;
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 199, 132, 0.16);
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #1e1e1e;
- color: #81C784;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #81C784;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid #a7d8a9;
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-column-resizer-helper {
- background: #81C784;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #1e1e1e;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1rem;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-radius: 3px;
- transition: box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #1e1e1e;
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #383838;
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-accordion .p-accordion-content {
- padding: 1rem;
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-card {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-card .p-card-body {
- padding: 1rem;
- }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 700;
- margin-bottom: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-card .p-card-content {
- padding: 1rem 0;
- }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-radius: 3px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-fieldset .p-fieldset-content {
- padding: 1rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #1e1e1e;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #383838;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #383838;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #383838;
- padding: 1rem;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem;
- }
- .p-panel .p-panel-content {
- padding: 1rem;
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-panel .p-panel-footer {
- padding: 0.5rem 1rem;
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #383838;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #383838;
- background: #1e1e1e;
- border-radius: 3px;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #383838;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: box-shadow 0.2s;
- border-radius: 3px;
- background: transparent;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- border-width: 2px;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- font-weight: 600;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #81C784;
- }
- .p-stepper .p-stepper-panels {
- background: #1e1e1e;
- padding: 1rem;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-separator {
- background-color: #383838;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: box-shadow 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #81C784;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: transparent;
- border: 1px solid #383838;
- border-width: 0 0 2px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #383838;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #383838 transparent;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #1e1e1e;
- border-color: #81C784;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #1e1e1e;
- border-color: #81C784;
- color: #81C784;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #1e1e1e;
- color: #81C784;
- width: 2.357rem;
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9;
- }
- .p-tabview .p-tabview-panels {
- background: #1e1e1e;
- padding: 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #1e1e1e;
- border: 1px solid #383838;
- padding: 1rem;
- border-radius: 3px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(30, 30, 30, 0);
- border-bottom-color: #1e1e1e;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(56, 56, 56, 0);
- border-bottom-color: #353535;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #1e1e1e;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #383838;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 3px;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
- border: 1px solid #383838;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.5rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 2rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #81C784;
- color: #212529;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #6abd6e;
- color: #212529;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(30, 30, 30, 0);
- border-bottom-color: #1e1e1e;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(56, 56, 56, 0);
- border-bottom-color: #353535;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #1e1e1e;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #383838;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 1rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- padding: 0.5rem 0.5rem;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #383838;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #383838;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #383838;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #383838;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #1e1e1e;
- padding: 1rem;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- border-bottom: 0 none;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-fileupload .p-fileupload-content {
- background: #1e1e1e;
- padding: 2rem 1rem;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #81C784;
- background-color: rgba(129, 199, 132, 0.16);
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #383838;
- border-radius: 3px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #6abd6e;
- color: #212529;
- border-color: #6abd6e;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #54b358;
- color: #212529;
- border-color: #54b358;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #1e1e1e;
- border: 1px solid #383838;
- border-radius: 3px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-contextmenu .p-menuitem {
- margin: 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 3px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #a7d8a9;
- }
- .p-dock .p-dock-link {
- width: 4rem;
- height: 4rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-megamenu-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.25rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu.p-menu-overlay {
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem {
- margin: 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- min-width: 12.5rem;
- border-radius: 3px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.25rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.75rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.25rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 6.75rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 8.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- border-radius: 3px;
- transition: box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #1e1e1e;
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #383838;
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0;
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- background: transparent;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #383838;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: transparent;
- border: 1px solid #383838;
- border-width: 0 0 2px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #383838;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #383838 transparent;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #a7d8a9;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #1e1e1e;
- border-color: #81C784;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #1e1e1e;
- border-color: #81C784;
- color: #81C784;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.5rem;
- margin: 0;
- border-radius: 3px;
- }
- .p-inline-message.p-inline-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 1px;
- color: #044868;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #044868;
- }
- .p-inline-message.p-inline-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 1px;
- color: #224a23;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #224a23;
- }
- .p-inline-message.p-inline-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 1px;
- color: #6d5100;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #6d5100;
- }
- .p-inline-message.p-inline-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 1px;
- color: #73000c;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #73000c;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 3px;
- }
- .p-message .p-message-wrapper {
- padding: 1rem 1.5rem;
- }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-message.p-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868;
- }
- .p-message.p-message-info .p-message-icon {
- color: #044868;
- }
- .p-message.p-message-info .p-message-close {
- color: #044868;
- }
- .p-message.p-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23;
- }
- .p-message.p-message-success .p-message-icon {
- color: #224a23;
- }
- .p-message.p-message-success .p-message-close {
- color: #224a23;
- }
- .p-message.p-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #6d5100;
- }
- .p-message.p-message-warn .p-message-close {
- color: #6d5100;
- }
- .p-message.p-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c;
- }
- .p-message.p-message-error .p-message-icon {
- color: #73000c;
- }
- .p-message.p-message-error .p-message-close {
- color: #73000c;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 0.9;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: none;
- border-radius: 3px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0 0 0 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #044868;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #224a23;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #6d5100;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #73000c;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #f8f9fa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #f8f9fa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #f8f9fa;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #383838;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #4c4c4c;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(129, 199, 132, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f8f9fa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #f8f9fa;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #f8f9fa;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #f8f9fa;
- background-color: rgba(255, 255, 255, 0.1);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #383838;
- border-radius: 3px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #1e1e1e;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #81C784;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #78909C;
- color: #ffffff;
- }
- .p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #121212;
- }
- .p-badge.p-badge-info {
- background-color: #81D4FA;
- color: #121212;
- }
- .p-badge.p-badge-warning {
- background-color: #FFE082;
- color: #121212;
- }
- .p-badge.p-badge-danger {
- background-color: #F48FB1;
- color: #121212;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 3px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- padding: 0 0.5rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #a7d8a9;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #383838;
- border-radius: 3px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #81C784;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #81C784;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #383838;
- border-radius: 3px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #81C784;
- }
- .p-progressbar .p-progressbar-label {
- color: #212529;
- line-height: 1.5rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #73000c;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #73000c;
- }
- 40% {
- stroke: #044868;
- }
- 66% {
- stroke: #224a23;
- }
- 80%, 90% {
- stroke: #6d5100;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-scrolltop.p-link {
- background: rgba(129, 199, 132, 0.16);
- }
- .p-scrolltop.p-link:hover {
- background: rgba(129, 199, 132, 0.3616);
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 3px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #81C784;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
- }
- .p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #121212;
- }
- .p-tag.p-tag-info {
- background-color: #81D4FA;
- color: #121212;
- }
- .p-tag.p-tag-warning {
- background-color: #FFE082;
- color: #121212;
- }
- .p-tag.p-tag-danger {
- background-color: #F48FB1;
- color: #121212;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- padding: 1rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-/* Customizations to the designer theme should be defined here */
-@layer primevue {
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #81C784;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #81C784;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #81C784;
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #81C784;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #81C784;
- }
-}
diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css
deleted file mode 100644
index 4d8183b..0000000
--- a/public/themes/arya-orange/theme.css
+++ /dev/null
@@ -1,10670 +0,0 @@
-:root {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- --surface-a:#1e1e1e;
- --surface-b:#121212;
- --surface-c:rgba(255, 255, 255, 0.03);
- --surface-d:#383838;
- --surface-e:#1e1e1e;
- --surface-f:#1e1e1e;
- --text-color:rgba(255, 255, 255, 0.87);
- --text-color-secondary:rgba(255, 255, 255, 0.6);
- --primary-color:#FFD54F;
- --primary-color-text:#212529;
- --surface-0: #121212;
- --surface-50: #2a2a2a;
- --surface-100: #414141;
- --surface-200: #595959;
- --surface-300: #717171;
- --surface-400: #898989;
- --surface-500: #a0a0a0;
- --surface-600: #b8b8b8;
- --surface-700: #d0d0d0;
- --surface-800: #e7e7e7;
- --surface-900: #ffffff;
- --gray-50:#e7e7e7;
- --gray-100: #d0d0d0;
- --gray-200: #b8b8b8;
- --gray-300: #a0a0a0;
- --gray-400: #898989;
- --gray-500: #717171;
- --gray-600: #595959;
- --gray-700: #414141;
- --gray-800: #2a2a2a;
- --gray-900: #121212;
- --content-padding:1rem;
- --inline-spacing:0.5rem;
- --border-radius:3px;
- --surface-ground:#121212;
- --surface-section:#121212;
- --surface-card:#1e1e1e;
- --surface-overlay:#1e1e1e;
- --surface-border:#383838;
- --surface-hover:rgba(255,255,255,.03);
- --focus-ring: 0 0 0 1px #ffe284;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: rgba(255, 213, 79, 0.16);
- --highlight-text-color: rgba(255, 255, 255, 0.87);
- color-scheme: dark;
-}
-
-:root {
- --blue-50:#f4fafe;
- --blue-100:#cae6fc;
- --blue-200:#a0d2fa;
- --blue-300:#75bef8;
- --blue-400:#4baaf5;
- --blue-500:#2196f3;
- --blue-600:#1c80cf;
- --blue-700:#1769aa;
- --blue-800:#125386;
- --blue-900:#0d3c61;
- --green-50:#f6fbf6;
- --green-100:#d4ecd5;
- --green-200:#b2ddb4;
- --green-300:#90cd93;
- --green-400:#6ebe71;
- --green-500:#4caf50;
- --green-600:#419544;
- --green-700:#357b38;
- --green-800:#2a602c;
- --green-900:#1e4620;
- --yellow-50:#fffcf5;
- --yellow-100:#fef0cd;
- --yellow-200:#fde4a5;
- --yellow-300:#fdd87d;
- --yellow-400:#fccc55;
- --yellow-500:#fbc02d;
- --yellow-600:#d5a326;
- --yellow-700:#b08620;
- --yellow-800:#8a6a19;
- --yellow-900:#644d12;
- --cyan-50:#f2fcfd;
- --cyan-100:#c2eff5;
- --cyan-200:#91e2ed;
- --cyan-300:#61d5e4;
- --cyan-400:#30c9dc;
- --cyan-500:#00bcd4;
- --cyan-600:#00a0b4;
- --cyan-700:#008494;
- --cyan-800:#006775;
- --cyan-900:#004b55;
- --pink-50:#fef4f7;
- --pink-100:#fac9da;
- --pink-200:#f69ebc;
- --pink-300:#f1749e;
- --pink-400:#ed4981;
- --pink-500:#e91e63;
- --pink-600:#c61a54;
- --pink-700:#a31545;
- --pink-800:#801136;
- --pink-900:#5d0c28;
- --indigo-50:#f5f6fb;
- --indigo-100:#d1d5ed;
- --indigo-200:#acb4df;
- --indigo-300:#8893d1;
- --indigo-400:#6372c3;
- --indigo-500:#3f51b5;
- --indigo-600:#36459a;
- --indigo-700:#2c397f;
- --indigo-800:#232d64;
- --indigo-900:#192048;
- --teal-50:#f2faf9;
- --teal-100:#c2e6e2;
- --teal-200:#91d2cc;
- --teal-300:#61beb5;
- --teal-400:#30aa9f;
- --teal-500:#009688;
- --teal-600:#008074;
- --teal-700:#00695f;
- --teal-800:#00534b;
- --teal-900:#003c36;
- --orange-50:#fff8f2;
- --orange-100:#fde0c2;
- --orange-200:#fbc791;
- --orange-300:#f9ae61;
- --orange-400:#f79530;
- --orange-500:#f57c00;
- --orange-600:#d06900;
- --orange-700:#ac5700;
- --orange-800:#874400;
- --orange-900:#623200;
- --bluegray-50:#f7f9f9;
- --bluegray-100:#d9e0e3;
- --bluegray-200:#bbc7cd;
- --bluegray-300:#9caeb7;
- --bluegray-400:#7e96a1;
- --bluegray-500:#607d8b;
- --bluegray-600:#526a76;
- --bluegray-700:#435861;
- --bluegray-800:#35454c;
- --bluegray-900:#263238;
- --purple-50:#faf4fb;
- --purple-100:#e7cbec;
- --purple-200:#d4a2dd;
- --purple-300:#c279ce;
- --purple-400:#af50bf;
- --purple-500:#9c27b0;
- --purple-600:#852196;
- --purple-700:#6d1b7b;
- --purple-800:#561561;
- --purple-900:#3e1046;
- --red-50:#fff5f5;
- --red-100:#ffd1ce;
- --red-200:#ffada7;
- --red-300:#ff8980;
- --red-400:#ff6459;
- --red-500:#ff4032;
- --red-600:#d9362b;
- --red-700:#b32d23;
- --red-800:#8c231c;
- --red-900:#661a14;
- --primary-50:#fffdf6;
- --primary-100:#fff5d5;
- --primary-200:#ffedb3;
- --primary-300:#ffe592;
- --primary-400:#ffdd70;
- --primary-500:#ffd54f;
- --primary-600:#d9b543;
- --primary-700:#b39537;
- --primary-800:#8c752b;
- --primary-900:#665520;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #1e1e1e;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #383838;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- padding: 0.5rem 0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 1rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #383838;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #121212;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #FFD54F;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #FFD54F;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #FFD54F;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #FFD54F;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.4;
- }
-
- .p-error {
- color: #ef9a9a;
- }
-
- .p-text-secondary {
- color: rgba(255, 255, 255, 0.6);
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.5rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.857rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #FFD54F;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #464646;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a;
- }
-
- .p-autocomplete-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.5rem 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(255, 213, 79, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F;
- }
-
- .p-datepicker {
- padding: 0.5rem;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #1e1e1e;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #383838;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- font-weight: 600;
- padding: 0.5rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #FFD54F;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0;
- }
- .p-datepicker table th {
- padding: 0.5rem;
- }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-datepicker table td {
- padding: 0.5rem;
- }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- transition: box-shadow 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16);
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: transparent;
- color: #FFD54F;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16);
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #383838;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #383838;
- padding: 0.5rem;
- }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16);
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16);
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #383838;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #121212;
- border: 1px solid #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #FFD54F;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #383838;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #383838;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #383838;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.5rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #ef9a9a;
- }
-
- .p-cascadeselect-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.5rem 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(255, 213, 79, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 20px;
- height: 20px;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 2px solid #383838;
- border-radius: 3px;
- }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #383838;
- background: #121212;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #212529;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #FFD54F;
- background: #FFD54F;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #FFD54F;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #ffc50c;
- background: #ffc50c;
- color: #212529;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #ef9a9a;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #383838;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #FFD54F;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #383838;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #ffc50c;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #383838;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #FFD54F;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #383838;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #ffc50c;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #FFD54F;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #464646;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 2rem;
- height: 2rem;
- }
-
- .p-colorpicker-panel {
- background: #1e1e1e;
- border: 1px solid #383838;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: rgba(255, 255, 255, 0.87);
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #121212;
- border: 1px solid #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #FFD54F;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F;
- }
- .p-dropdown.p-variant-filled {
- background: #383838;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #383838;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #383838;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.5rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #ef9a9a;
- }
-
- .p-dropdown-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.5rem;
- margin-right: -1.5rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.5rem 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(255, 213, 79, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- border-top: 1px solid #383838;
- border-left: 1px solid #383838;
- border-bottom: 1px solid #383838;
- padding: 0.5rem 0.5rem;
- min-width: 2.357rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #383838;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #383838;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #383838;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #383838;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 3rem;
- height: 1.75rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.6);
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #FFD54F;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.87);
- transform: translateX(1.25rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #ffcd2e;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #ef9a9a;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #121212;
- padding: 0.5rem 0.5rem;
- border: 1px solid #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- appearance: none;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #FFD54F;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #ef9a9a;
- }
- .p-inputtext.p-variant-filled {
- background-color: #383838;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #383838;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #383838;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.625rem;
- }
-
- .p-float-label > label {
- left: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #ef9a9a;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2rem;
- }
-
- ::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- :-moz-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- ::-moz-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- :-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-filled .p-inputtext {
- background-color: #383838;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #383838;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #383838;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.625rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.5rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-listbox .p-listbox-list {
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16);
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(255, 213, 79, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F;
- }
- .p-listbox.p-invalid {
- border-color: #ef9a9a;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #121212;
- border: 1px solid #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #FFD54F;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F;
- }
- .p-multiselect.p-variant-filled {
- background: #383838;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #383838;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #383838;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #ef9a9a;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.5rem;
- }
-
- .p-multiselect-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.5rem 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(255, 213, 79, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a;
- }
-
- .p-password-panel {
- padding: 1rem;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #383838;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #F48FB1;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FFE082;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #C5E1A5;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 20px;
- height: 20px;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 2px solid #383838;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #383838;
- background: #121212;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #212529;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #FFD54F;
- background: #FFD54F;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #FFD54F;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #ffc50c;
- background: #ffc50c;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #212529;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #ef9a9a;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #383838;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #FFD54F;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #383838;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #ffc50c;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #383838;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #FFD54F;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #383838;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #ffc50c;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1.143rem;
- height: 1.143rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #F48FB1;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #FFD54F;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #FFD54F;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #F48FB1;
- }
-
- .p-selectbutton .p-button {
- background: #1e1e1e;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-selectbutton .p-button.p-highlight {
- background: #FFD54F;
- border-color: #FFD54F;
- color: #212529;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #212529;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #ffcd2e;
- border-color: #ffcd2e;
- color: #212529;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #212529;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #ef9a9a;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #383838;
- border: 0 none;
- border-radius: 3px;
- }
- .p-slider.p-slider-horizontal {
- height: 0.286rem;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem;
- }
- .p-slider.p-slider-vertical {
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem;
- }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #383838;
- border: 2px solid #FFD54F;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-slider .p-slider-range {
- background: #FFD54F;
- border-radius: 3px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #FFD54F;
- border-color: #FFD54F;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #121212;
- border: 1px solid #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #FFD54F;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F;
- }
- .p-treeselect.p-variant-filled {
- background: #383838;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #383838;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #383838;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #ef9a9a;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.5rem;
- }
-
- .p-treeselect-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #383838;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #383838;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #383838;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #383838;
- border-radius: 3px;
- }
- .p-togglebutton .p-button {
- background: #1e1e1e;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-togglebutton.p-highlight .p-button {
- background: #FFD54F;
- border-color: #FFD54F;
- color: #212529;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #212529;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #ffcd2e;
- border-color: #ffcd2e;
- color: #212529;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #212529;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #ef9a9a;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #212529;
- background: #FFD54F;
- border: 1px solid #FFD54F;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #ffcd2e;
- color: #212529;
- border-color: #ffcd2e;
- }
- .p-button:not(:disabled):active {
- background: #ffc50c;
- color: #212529;
- border-color: #ffc50c;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFD54F;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 213, 79, 0.04);
- color: #FFD54F;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 213, 79, 0.16);
- color: #FFD54F;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- border-color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #FFD54F;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 213, 79, 0.04);
- color: #FFD54F;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 213, 79, 0.16);
- color: #FFD54F;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #FFD54F;
- background-color: #212529;
- }
- .p-button.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.357rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #ffffff;
- background: #78909C;
- border: 1px solid #78909C;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #69838f;
- color: #ffffff;
- border-color: #69838f;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #a1b1ba;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #5d747f;
- color: #ffffff;
- border-color: #5d747f;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #78909C;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(120, 144, 156, 0.04);
- color: #78909C;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(120, 144, 156, 0.16);
- color: #78909C;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #78909C;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(120, 144, 156, 0.04);
- border-color: transparent;
- color: #78909C;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(120, 144, 156, 0.16);
- border-color: transparent;
- color: #78909C;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #121212;
- background: #81D4FA;
- border: 1px solid #81D4FA;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #5dc8f9;
- color: #121212;
- border-color: #5dc8f9;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #a7e1fc;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #38bbf7;
- color: #121212;
- border-color: #38bbf7;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #81D4FA;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(129, 212, 250, 0.04);
- color: #81D4FA;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(129, 212, 250, 0.16);
- color: #81D4FA;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #81D4FA;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(129, 212, 250, 0.04);
- border-color: transparent;
- color: #81D4FA;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(129, 212, 250, 0.16);
- border-color: transparent;
- color: #81D4FA;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #121212;
- background: #C5E1A5;
- border: 1px solid #C5E1A5;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #b2d788;
- color: #121212;
- border-color: #b2d788;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #d6eac0;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #9fce6b;
- color: #121212;
- border-color: #9fce6b;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #C5E1A5;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(197, 225, 165, 0.04);
- color: #C5E1A5;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(197, 225, 165, 0.16);
- color: #C5E1A5;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #C5E1A5;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(197, 225, 165, 0.04);
- border-color: transparent;
- color: #C5E1A5;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(197, 225, 165, 0.16);
- border-color: transparent;
- color: #C5E1A5;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #121212;
- background: #FFE082;
- border: 1px solid #FFE082;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ffd65c;
- color: #121212;
- border-color: #ffd65c;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #ffe9a8;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #ffcd35;
- color: #121212;
- border-color: #ffcd35;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFE082;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 224, 130, 0.04);
- color: #FFE082;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 224, 130, 0.16);
- color: #FFE082;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FFE082;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 224, 130, 0.04);
- border-color: transparent;
- color: #FFE082;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 224, 130, 0.16);
- border-color: transparent;
- color: #FFE082;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #121212;
- background: #CE93D8;
- border: 1px solid #CE93D8;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #c278ce;
- color: #121212;
- border-color: #c278ce;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #ddb3e4;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #b65ec5;
- color: #121212;
- border-color: #b65ec5;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #CE93D8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(206, 147, 216, 0.04);
- color: #CE93D8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #CE93D8;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(206, 147, 216, 0.04);
- border-color: transparent;
- color: #CE93D8;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(206, 147, 216, 0.16);
- border-color: transparent;
- color: #CE93D8;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #121212;
- background: #F48FB1;
- border: 1px solid #F48FB1;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #f16c98;
- color: #121212;
- border-color: #f16c98;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #f7b1c8;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #ed4980;
- color: #121212;
- border-color: #ed4980;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #F48FB1;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(244, 143, 177, 0.04);
- color: #F48FB1;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(244, 143, 177, 0.16);
- color: #F48FB1;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #F48FB1;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(244, 143, 177, 0.04);
- border-color: transparent;
- color: #F48FB1;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(244, 143, 177, 0.16);
- border-color: transparent;
- color: #F48FB1;
- }
-
- .p-button.p-button-link {
- color: #FFD54F;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #FFD54F;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #FFD54F;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1.3rem;
- height: 1.3rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
-
- .p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: rgba(255, 255, 255, 0.87);
- color: #121212;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-speeddial-action:hover {
- background: rgba(255, 255, 255, 0.6);
- color: #121212;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 3px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 3px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #383838;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #4c4c4c;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- transition: box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16);
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #1e1e1e;
- color: #FFD54F;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #FFD54F;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #FFD54F;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #FFD54F;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem #ffe284;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid #ffe284;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid #ffe284;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(255, 213, 79, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(255, 213, 79, 0.16);
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-column-resizer-helper {
- background: #FFD54F;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #1e1e1e;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #242424;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
-
- .p-column-filter-clear-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
-
- .p-column-filter-overlay {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.5rem 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe284;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 1rem;
- border-bottom: 1px solid #383838;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 1rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #1e1e1e;
- border: 1px solid #383838;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F;
- }
- .p-orderlist .p-orderlist-header {
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #383838;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(255, 213, 79, 0.24);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: rgba(255, 255, 255, 0.01);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(207, 157, 0, 0.16);
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #383838;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #383838;
- border-color: #383838;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #383838;
- border-color: #383838;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- border: solid #383838;
- border-width: 1px;
- padding: 0.5rem 1rem;
- border-radius: 3px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.286em;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.286em;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(255, 213, 79, 0.16);
- border-color: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 1rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #1e1e1e;
- border: 1px solid #383838;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- border-color: #FFD54F;
- }
- .p-picklist .p-picklist-header {
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #383838;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(255, 213, 79, 0.24);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: rgba(255, 255, 255, 0.01);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #FFD54F;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #1e1e1e;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #383838;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- border-radius: 3px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe284;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: box-shadow 0.2s;
- padding: 0;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- transition: box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- }
- .p-treetable .p-sortable-column {
- outline-color: #ffe284;
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 213, 79, 0.16);
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #1e1e1e;
- color: #FFD54F;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #FFD54F;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid #ffe284;
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-column-resizer-helper {
- background: #FFD54F;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #1e1e1e;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1rem;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-radius: 3px;
- transition: box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #1e1e1e;
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #383838;
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-accordion .p-accordion-content {
- padding: 1rem;
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-card {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-card .p-card-body {
- padding: 1rem;
- }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 700;
- margin-bottom: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-card .p-card-content {
- padding: 1rem 0;
- }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-radius: 3px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-fieldset .p-fieldset-content {
- padding: 1rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #1e1e1e;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #383838;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #383838;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #383838;
- padding: 1rem;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem;
- }
- .p-panel .p-panel-content {
- padding: 1rem;
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-panel .p-panel-footer {
- padding: 0.5rem 1rem;
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #383838;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #383838;
- background: #1e1e1e;
- border-radius: 3px;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #383838;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: box-shadow 0.2s;
- border-radius: 3px;
- background: transparent;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- border-width: 2px;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- font-weight: 600;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #FFD54F;
- }
- .p-stepper .p-stepper-panels {
- background: #1e1e1e;
- padding: 1rem;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-separator {
- background-color: #383838;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: box-shadow 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #FFD54F;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: transparent;
- border: 1px solid #383838;
- border-width: 0 0 2px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #383838;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #383838 transparent;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #1e1e1e;
- border-color: #FFD54F;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #1e1e1e;
- border-color: #FFD54F;
- color: #FFD54F;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #1e1e1e;
- color: #FFD54F;
- width: 2.357rem;
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284;
- }
- .p-tabview .p-tabview-panels {
- background: #1e1e1e;
- padding: 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #1e1e1e;
- border: 1px solid #383838;
- padding: 1rem;
- border-radius: 3px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(30, 30, 30, 0);
- border-bottom-color: #1e1e1e;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(56, 56, 56, 0);
- border-bottom-color: #353535;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #1e1e1e;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #383838;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 3px;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
- border: 1px solid #383838;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.5rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 2rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #FFD54F;
- color: #212529;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #ffcd2e;
- color: #212529;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(30, 30, 30, 0);
- border-bottom-color: #1e1e1e;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(56, 56, 56, 0);
- border-bottom-color: #353535;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #1e1e1e;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #383838;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 1rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- padding: 0.5rem 0.5rem;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #383838;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #383838;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #383838;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #383838;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #1e1e1e;
- padding: 1rem;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- border-bottom: 0 none;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-fileupload .p-fileupload-content {
- background: #1e1e1e;
- padding: 2rem 1rem;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #FFD54F;
- background-color: rgba(255, 213, 79, 0.16);
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #383838;
- border-radius: 3px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #ffcd2e;
- color: #212529;
- border-color: #ffcd2e;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #ffc50c;
- color: #212529;
- border-color: #ffc50c;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #1e1e1e;
- border: 1px solid #383838;
- border-radius: 3px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-contextmenu .p-menuitem {
- margin: 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 3px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #ffe284;
- }
- .p-dock .p-dock-link {
- width: 4rem;
- height: 4rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-megamenu-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.25rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu.p-menu-overlay {
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem {
- margin: 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- min-width: 12.5rem;
- border-radius: 3px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.25rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.75rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.25rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 6.75rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 8.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- border-radius: 3px;
- transition: box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #1e1e1e;
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #383838;
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0;
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- background: transparent;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #383838;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: transparent;
- border: 1px solid #383838;
- border-width: 0 0 2px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #383838;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #383838 transparent;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #ffe284;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #1e1e1e;
- border-color: #FFD54F;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #1e1e1e;
- border-color: #FFD54F;
- color: #FFD54F;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.5rem;
- margin: 0;
- border-radius: 3px;
- }
- .p-inline-message.p-inline-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 1px;
- color: #044868;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #044868;
- }
- .p-inline-message.p-inline-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 1px;
- color: #224a23;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #224a23;
- }
- .p-inline-message.p-inline-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 1px;
- color: #6d5100;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #6d5100;
- }
- .p-inline-message.p-inline-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 1px;
- color: #73000c;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #73000c;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 3px;
- }
- .p-message .p-message-wrapper {
- padding: 1rem 1.5rem;
- }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-message.p-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868;
- }
- .p-message.p-message-info .p-message-icon {
- color: #044868;
- }
- .p-message.p-message-info .p-message-close {
- color: #044868;
- }
- .p-message.p-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23;
- }
- .p-message.p-message-success .p-message-icon {
- color: #224a23;
- }
- .p-message.p-message-success .p-message-close {
- color: #224a23;
- }
- .p-message.p-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #6d5100;
- }
- .p-message.p-message-warn .p-message-close {
- color: #6d5100;
- }
- .p-message.p-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c;
- }
- .p-message.p-message-error .p-message-icon {
- color: #73000c;
- }
- .p-message.p-message-error .p-message-close {
- color: #73000c;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 0.9;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: none;
- border-radius: 3px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0 0 0 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #044868;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #224a23;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #6d5100;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #73000c;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #f8f9fa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #f8f9fa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #f8f9fa;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #383838;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #4c4c4c;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(255, 213, 79, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f8f9fa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #f8f9fa;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #f8f9fa;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #f8f9fa;
- background-color: rgba(255, 255, 255, 0.1);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #383838;
- border-radius: 3px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #1e1e1e;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #FFD54F;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #78909C;
- color: #ffffff;
- }
- .p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #121212;
- }
- .p-badge.p-badge-info {
- background-color: #81D4FA;
- color: #121212;
- }
- .p-badge.p-badge-warning {
- background-color: #FFE082;
- color: #121212;
- }
- .p-badge.p-badge-danger {
- background-color: #F48FB1;
- color: #121212;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 3px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- padding: 0 0.5rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #ffe284;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #383838;
- border-radius: 3px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #FFD54F;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #FFD54F;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #383838;
- border-radius: 3px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #FFD54F;
- }
- .p-progressbar .p-progressbar-label {
- color: #212529;
- line-height: 1.5rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #73000c;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #73000c;
- }
- 40% {
- stroke: #044868;
- }
- 66% {
- stroke: #224a23;
- }
- 80%, 90% {
- stroke: #6d5100;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-scrolltop.p-link {
- background: rgba(255, 213, 79, 0.16);
- }
- .p-scrolltop.p-link:hover {
- background: rgba(255, 213, 79, 0.3616);
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 3px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #FFD54F;
- color: #212529;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
- }
- .p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #121212;
- }
- .p-tag.p-tag-info {
- background-color: #81D4FA;
- color: #121212;
- }
- .p-tag.p-tag-warning {
- background-color: #FFE082;
- color: #121212;
- }
- .p-tag.p-tag-danger {
- background-color: #F48FB1;
- color: #121212;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- padding: 1rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-/* Customizations to the designer theme should be defined here */
-@layer primevue {
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #FFD54F;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #FFD54F;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #FFD54F;
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #FFD54F;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #FFD54F;
- }
-}
diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css
deleted file mode 100644
index f8a0181..0000000
--- a/public/themes/arya-purple/theme.css
+++ /dev/null
@@ -1,10670 +0,0 @@
-:root {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- --surface-a:#1e1e1e;
- --surface-b:#121212;
- --surface-c:rgba(255, 255, 255, 0.03);
- --surface-d:#383838;
- --surface-e:#1e1e1e;
- --surface-f:#1e1e1e;
- --text-color:rgba(255, 255, 255, 0.87);
- --text-color-secondary:rgba(255, 255, 255, 0.6);
- --primary-color:#BA68C8;
- --primary-color-text:#ffffff;
- --surface-0: #121212;
- --surface-50: #2a2a2a;
- --surface-100: #414141;
- --surface-200: #595959;
- --surface-300: #717171;
- --surface-400: #898989;
- --surface-500: #a0a0a0;
- --surface-600: #b8b8b8;
- --surface-700: #d0d0d0;
- --surface-800: #e7e7e7;
- --surface-900: #ffffff;
- --gray-50:#e7e7e7;
- --gray-100: #d0d0d0;
- --gray-200: #b8b8b8;
- --gray-300: #a0a0a0;
- --gray-400: #898989;
- --gray-500: #717171;
- --gray-600: #595959;
- --gray-700: #414141;
- --gray-800: #2a2a2a;
- --gray-900: #121212;
- --content-padding:1rem;
- --inline-spacing:0.5rem;
- --border-radius:3px;
- --surface-ground:#121212;
- --surface-section:#121212;
- --surface-card:#1e1e1e;
- --surface-overlay:#1e1e1e;
- --surface-border:#383838;
- --surface-hover:rgba(255,255,255,.03);
- --focus-ring: 0 0 0 1px #cf95d9;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: rgba(186, 104, 200, 0.16);
- --highlight-text-color: rgba(255, 255, 255, 0.87);
- color-scheme: dark;
-}
-
-:root {
- --blue-50:#f4fafe;
- --blue-100:#cae6fc;
- --blue-200:#a0d2fa;
- --blue-300:#75bef8;
- --blue-400:#4baaf5;
- --blue-500:#2196f3;
- --blue-600:#1c80cf;
- --blue-700:#1769aa;
- --blue-800:#125386;
- --blue-900:#0d3c61;
- --green-50:#f6fbf6;
- --green-100:#d4ecd5;
- --green-200:#b2ddb4;
- --green-300:#90cd93;
- --green-400:#6ebe71;
- --green-500:#4caf50;
- --green-600:#419544;
- --green-700:#357b38;
- --green-800:#2a602c;
- --green-900:#1e4620;
- --yellow-50:#fffcf5;
- --yellow-100:#fef0cd;
- --yellow-200:#fde4a5;
- --yellow-300:#fdd87d;
- --yellow-400:#fccc55;
- --yellow-500:#fbc02d;
- --yellow-600:#d5a326;
- --yellow-700:#b08620;
- --yellow-800:#8a6a19;
- --yellow-900:#644d12;
- --cyan-50:#f2fcfd;
- --cyan-100:#c2eff5;
- --cyan-200:#91e2ed;
- --cyan-300:#61d5e4;
- --cyan-400:#30c9dc;
- --cyan-500:#00bcd4;
- --cyan-600:#00a0b4;
- --cyan-700:#008494;
- --cyan-800:#006775;
- --cyan-900:#004b55;
- --pink-50:#fef4f7;
- --pink-100:#fac9da;
- --pink-200:#f69ebc;
- --pink-300:#f1749e;
- --pink-400:#ed4981;
- --pink-500:#e91e63;
- --pink-600:#c61a54;
- --pink-700:#a31545;
- --pink-800:#801136;
- --pink-900:#5d0c28;
- --indigo-50:#f5f6fb;
- --indigo-100:#d1d5ed;
- --indigo-200:#acb4df;
- --indigo-300:#8893d1;
- --indigo-400:#6372c3;
- --indigo-500:#3f51b5;
- --indigo-600:#36459a;
- --indigo-700:#2c397f;
- --indigo-800:#232d64;
- --indigo-900:#192048;
- --teal-50:#f2faf9;
- --teal-100:#c2e6e2;
- --teal-200:#91d2cc;
- --teal-300:#61beb5;
- --teal-400:#30aa9f;
- --teal-500:#009688;
- --teal-600:#008074;
- --teal-700:#00695f;
- --teal-800:#00534b;
- --teal-900:#003c36;
- --orange-50:#fff8f2;
- --orange-100:#fde0c2;
- --orange-200:#fbc791;
- --orange-300:#f9ae61;
- --orange-400:#f79530;
- --orange-500:#f57c00;
- --orange-600:#d06900;
- --orange-700:#ac5700;
- --orange-800:#874400;
- --orange-900:#623200;
- --bluegray-50:#f7f9f9;
- --bluegray-100:#d9e0e3;
- --bluegray-200:#bbc7cd;
- --bluegray-300:#9caeb7;
- --bluegray-400:#7e96a1;
- --bluegray-500:#607d8b;
- --bluegray-600:#526a76;
- --bluegray-700:#435861;
- --bluegray-800:#35454c;
- --bluegray-900:#263238;
- --purple-50:#faf4fb;
- --purple-100:#e7cbec;
- --purple-200:#d4a2dd;
- --purple-300:#c279ce;
- --purple-400:#af50bf;
- --purple-500:#9c27b0;
- --purple-600:#852196;
- --purple-700:#6d1b7b;
- --purple-800:#561561;
- --purple-900:#3e1046;
- --red-50:#fff5f5;
- --red-100:#ffd1ce;
- --red-200:#ffada7;
- --red-300:#ff8980;
- --red-400:#ff6459;
- --red-500:#ff4032;
- --red-600:#d9362b;
- --red-700:#b32d23;
- --red-800:#8c231c;
- --red-900:#661a14;
- --primary-50:#fcf7fc;
- --primary-100:#eedbf2;
- --primary-200:#e1bee7;
- --primary-300:#d4a1dd;
- --primary-400:#c785d2;
- --primary-500:#ba68c8;
- --primary-600:#9e58aa;
- --primary-700:#82498c;
- --primary-800:#66396e;
- --primary-900:#4a2a50;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #1e1e1e;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #383838;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- padding: 0.5rem 0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 1rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #383838;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #121212;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #BA68C8;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #BA68C8;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #BA68C8;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #BA68C8;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.4;
- }
-
- .p-error {
- color: #ef9a9a;
- }
-
- .p-text-secondary {
- color: rgba(255, 255, 255, 0.6);
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.5rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.857rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #BA68C8;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #464646;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a;
- }
-
- .p-autocomplete-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.5rem 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(186, 104, 200, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8;
- }
-
- .p-datepicker {
- padding: 0.5rem;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #1e1e1e;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #383838;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- font-weight: 600;
- padding: 0.5rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #BA68C8;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0;
- }
- .p-datepicker table th {
- padding: 0.5rem;
- }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-datepicker table td {
- padding: 0.5rem;
- }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- transition: box-shadow 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16);
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: transparent;
- color: #BA68C8;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16);
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #383838;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #383838;
- padding: 0.5rem;
- }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16);
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16);
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #383838;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #121212;
- border: 1px solid #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #BA68C8;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #383838;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #383838;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #383838;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.5rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #ef9a9a;
- }
-
- .p-cascadeselect-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.5rem 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(186, 104, 200, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 20px;
- height: 20px;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 2px solid #383838;
- border-radius: 3px;
- }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #383838;
- background: #121212;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #BA68C8;
- background: #BA68C8;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #BA68C8;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #a241b2;
- background: #a241b2;
- color: #ffffff;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #ef9a9a;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #383838;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #BA68C8;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #383838;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #a241b2;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #383838;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #BA68C8;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #383838;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #a241b2;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #BA68C8;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #464646;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 2rem;
- height: 2rem;
- }
-
- .p-colorpicker-panel {
- background: #1e1e1e;
- border: 1px solid #383838;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: rgba(255, 255, 255, 0.87);
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #121212;
- border: 1px solid #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #BA68C8;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8;
- }
- .p-dropdown.p-variant-filled {
- background: #383838;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #383838;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #383838;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.5rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #ef9a9a;
- }
-
- .p-dropdown-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.5rem;
- margin-right: -1.5rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.5rem 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(186, 104, 200, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- border-top: 1px solid #383838;
- border-left: 1px solid #383838;
- border-bottom: 1px solid #383838;
- padding: 0.5rem 0.5rem;
- min-width: 2.357rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #383838;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #383838;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #383838;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #383838;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 3rem;
- height: 1.75rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.6);
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #BA68C8;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.87);
- transform: translateX(1.25rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #b052c0;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #ef9a9a;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #121212;
- padding: 0.5rem 0.5rem;
- border: 1px solid #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- appearance: none;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #BA68C8;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #ef9a9a;
- }
- .p-inputtext.p-variant-filled {
- background-color: #383838;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #383838;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #383838;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.625rem;
- }
-
- .p-float-label > label {
- left: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #ef9a9a;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2rem;
- }
-
- ::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- :-moz-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- ::-moz-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- :-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-filled .p-inputtext {
- background-color: #383838;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #383838;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #383838;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.625rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.5rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-listbox .p-listbox-list {
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16);
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(186, 104, 200, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8;
- }
- .p-listbox.p-invalid {
- border-color: #ef9a9a;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #121212;
- border: 1px solid #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #BA68C8;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8;
- }
- .p-multiselect.p-variant-filled {
- background: #383838;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #383838;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #383838;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #ef9a9a;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.5rem;
- }
-
- .p-multiselect-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.5rem 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(186, 104, 200, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #ef9a9a;
- }
-
- .p-password-panel {
- padding: 1rem;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #383838;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #F48FB1;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #FFE082;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #C5E1A5;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 20px;
- height: 20px;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 2px solid #383838;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #383838;
- background: #121212;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #ffffff;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #BA68C8;
- background: #BA68C8;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #BA68C8;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #a241b2;
- background: #a241b2;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #ef9a9a;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #383838;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #BA68C8;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #383838;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #a241b2;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #383838;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #BA68C8;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #383838;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #a241b2;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1.143rem;
- height: 1.143rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #F48FB1;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #BA68C8;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #BA68C8;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #F48FB1;
- }
-
- .p-selectbutton .p-button {
- background: #1e1e1e;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-selectbutton .p-button.p-highlight {
- background: #BA68C8;
- border-color: #BA68C8;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #b052c0;
- border-color: #b052c0;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #ef9a9a;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #383838;
- border: 0 none;
- border-radius: 3px;
- }
- .p-slider.p-slider-horizontal {
- height: 0.286rem;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem;
- }
- .p-slider.p-slider-vertical {
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem;
- }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #383838;
- border: 2px solid #BA68C8;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-slider .p-slider-range {
- background: #BA68C8;
- border-radius: 3px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #BA68C8;
- border-color: #BA68C8;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #121212;
- border: 1px solid #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #BA68C8;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8;
- }
- .p-treeselect.p-variant-filled {
- background: #383838;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #383838;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #383838;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #ef9a9a;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.5rem;
- }
-
- .p-treeselect-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #383838;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #383838;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #383838;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #383838;
- border-radius: 3px;
- }
- .p-togglebutton .p-button {
- background: #1e1e1e;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-togglebutton.p-highlight .p-button {
- background: #BA68C8;
- border-color: #BA68C8;
- color: #ffffff;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #b052c0;
- border-color: #b052c0;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #ef9a9a;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #ffffff;
- background: #BA68C8;
- border: 1px solid #BA68C8;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #b052c0;
- color: #ffffff;
- border-color: #b052c0;
- }
- .p-button:not(:disabled):active {
- background: #a241b2;
- color: #ffffff;
- border-color: #a241b2;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #BA68C8;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(186, 104, 200, 0.04);
- color: #BA68C8;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(186, 104, 200, 0.16);
- color: #BA68C8;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- border-color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #BA68C8;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(186, 104, 200, 0.04);
- color: #BA68C8;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(186, 104, 200, 0.16);
- color: #BA68C8;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #BA68C8;
- background-color: #ffffff;
- }
- .p-button.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.357rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #ffffff;
- background: #78909C;
- border: 1px solid #78909C;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #69838f;
- color: #ffffff;
- border-color: #69838f;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #a1b1ba;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #5d747f;
- color: #ffffff;
- border-color: #5d747f;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #78909C;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(120, 144, 156, 0.04);
- color: #78909C;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(120, 144, 156, 0.16);
- color: #78909C;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #78909C;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(120, 144, 156, 0.04);
- border-color: transparent;
- color: #78909C;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(120, 144, 156, 0.16);
- border-color: transparent;
- color: #78909C;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #121212;
- background: #81D4FA;
- border: 1px solid #81D4FA;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #5dc8f9;
- color: #121212;
- border-color: #5dc8f9;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #a7e1fc;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #38bbf7;
- color: #121212;
- border-color: #38bbf7;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #81D4FA;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(129, 212, 250, 0.04);
- color: #81D4FA;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(129, 212, 250, 0.16);
- color: #81D4FA;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #81D4FA;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(129, 212, 250, 0.04);
- border-color: transparent;
- color: #81D4FA;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(129, 212, 250, 0.16);
- border-color: transparent;
- color: #81D4FA;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #121212;
- background: #C5E1A5;
- border: 1px solid #C5E1A5;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #b2d788;
- color: #121212;
- border-color: #b2d788;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #d6eac0;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #9fce6b;
- color: #121212;
- border-color: #9fce6b;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #C5E1A5;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(197, 225, 165, 0.04);
- color: #C5E1A5;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(197, 225, 165, 0.16);
- color: #C5E1A5;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #C5E1A5;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(197, 225, 165, 0.04);
- border-color: transparent;
- color: #C5E1A5;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(197, 225, 165, 0.16);
- border-color: transparent;
- color: #C5E1A5;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #121212;
- background: #FFE082;
- border: 1px solid #FFE082;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ffd65c;
- color: #121212;
- border-color: #ffd65c;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #ffe9a8;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #ffcd35;
- color: #121212;
- border-color: #ffcd35;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #FFE082;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 224, 130, 0.04);
- color: #FFE082;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 224, 130, 0.16);
- color: #FFE082;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #FFE082;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 224, 130, 0.04);
- border-color: transparent;
- color: #FFE082;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 224, 130, 0.16);
- border-color: transparent;
- color: #FFE082;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #121212;
- background: #CE93D8;
- border: 1px solid #CE93D8;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #c278ce;
- color: #121212;
- border-color: #c278ce;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #ddb3e4;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #b65ec5;
- color: #121212;
- border-color: #b65ec5;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #CE93D8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(206, 147, 216, 0.04);
- color: #CE93D8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(206, 147, 216, 0.16);
- color: #CE93D8;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #CE93D8;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(206, 147, 216, 0.04);
- border-color: transparent;
- color: #CE93D8;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(206, 147, 216, 0.16);
- border-color: transparent;
- color: #CE93D8;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #121212;
- background: #F48FB1;
- border: 1px solid #F48FB1;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #f16c98;
- color: #121212;
- border-color: #f16c98;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #f7b1c8;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #ed4980;
- color: #121212;
- border-color: #ed4980;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #F48FB1;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(244, 143, 177, 0.04);
- color: #F48FB1;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(244, 143, 177, 0.16);
- color: #F48FB1;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #F48FB1;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(244, 143, 177, 0.04);
- border-color: transparent;
- color: #F48FB1;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(244, 143, 177, 0.16);
- border-color: transparent;
- color: #F48FB1;
- }
-
- .p-button.p-button-link {
- color: #BA68C8;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #BA68C8;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #BA68C8;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1.3rem;
- height: 1.3rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
-
- .p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: rgba(255, 255, 255, 0.87);
- color: #121212;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-speeddial-action:hover {
- background: rgba(255, 255, 255, 0.6);
- color: #121212;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 3px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 3px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #383838;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #4c4c4c;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- transition: box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16);
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #1e1e1e;
- color: #BA68C8;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #BA68C8;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #BA68C8;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #BA68C8;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid #cf95d9;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid #cf95d9;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(186, 104, 200, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(186, 104, 200, 0.16);
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-column-resizer-helper {
- background: #BA68C8;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #1e1e1e;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #242424;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
-
- .p-column-filter-clear-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
-
- .p-column-filter-overlay {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.5rem 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.5rem 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 1rem;
- border-bottom: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- margin: 0;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 1rem;
- border-bottom: 1px solid #383838;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 1rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #1e1e1e;
- border: 1px solid #383838;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8;
- }
- .p-orderlist .p-orderlist-header {
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #383838;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(186, 104, 200, 0.24);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: rgba(255, 255, 255, 0.01);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(117, 47, 129, 0.16);
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #383838;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #383838;
- border-color: #383838;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #383838;
- border-color: #383838;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- border: solid #383838;
- border-width: 1px;
- padding: 0.5rem 1rem;
- border-radius: 3px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.286em;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.286em;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 2.286em;
- height: 2.286em;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(186, 104, 200, 0.16);
- border-color: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 1rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #1e1e1e;
- border: 1px solid #383838;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- border-color: #BA68C8;
- }
- .p-picklist .p-picklist-header {
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #383838;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(186, 104, 200, 0.24);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: rgba(255, 255, 255, 0.01);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #BA68C8;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #1e1e1e;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #383838;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- border-radius: 3px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 3px;
- transition: box-shadow 0.2s;
- padding: 0;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- transition: box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- }
- .p-treetable .p-sortable-column {
- outline-color: #cf95d9;
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(186, 104, 200, 0.16);
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #1e1e1e;
- color: #BA68C8;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #BA68C8;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #383838;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid #cf95d9;
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-column-resizer-helper {
- background: #BA68C8;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #1e1e1e;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1rem;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-radius: 3px;
- transition: box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #1e1e1e;
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #383838;
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-accordion .p-accordion-content {
- padding: 1rem;
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-card {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-card .p-card-body {
- padding: 1rem;
- }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 700;
- margin-bottom: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-card .p-card-content {
- padding: 1rem 0;
- }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-radius: 3px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 3px;
- transition: box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-fieldset .p-fieldset-content {
- padding: 1rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #1e1e1e;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #383838;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #383838;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #383838;
- padding: 1rem;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem;
- }
- .p-panel .p-panel-content {
- padding: 1rem;
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-panel .p-panel-footer {
- padding: 0.5rem 1rem;
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #383838;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #383838;
- background: #1e1e1e;
- border-radius: 3px;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #383838;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #383838;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: box-shadow 0.2s;
- border-radius: 3px;
- background: transparent;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- border-width: 2px;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- font-weight: 600;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #BA68C8;
- }
- .p-stepper .p-stepper-panels {
- background: #1e1e1e;
- padding: 1rem;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-separator {
- background-color: #383838;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: box-shadow 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #BA68C8;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: transparent;
- border: 1px solid #383838;
- border-width: 0 0 2px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #383838;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #383838 transparent;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #1e1e1e;
- border-color: #BA68C8;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #1e1e1e;
- border-color: #BA68C8;
- color: #BA68C8;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #1e1e1e;
- color: #BA68C8;
- width: 2.357rem;
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9;
- }
- .p-tabview .p-tabview-panels {
- background: #1e1e1e;
- padding: 1rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #1e1e1e;
- border: 1px solid #383838;
- padding: 1rem;
- border-radius: 3px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(30, 30, 30, 0);
- border-bottom-color: #1e1e1e;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(56, 56, 56, 0);
- border-bottom-color: #353535;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #1e1e1e;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #383838;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 3px;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
- border: 1px solid #383838;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.5rem;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 2rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #BA68C8;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #b052c0;
- color: #ffffff;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(30, 30, 30, 0);
- border-bottom-color: #1e1e1e;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(56, 56, 56, 0);
- border-bottom-color: #353535;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #1e1e1e;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #383838;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 1rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #383838;
- color: rgba(255, 255, 255, 0.87);
- padding: 0.5rem 0.5rem;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #383838;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #383838;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #383838;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #383838;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #1e1e1e;
- padding: 1rem;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- border-bottom: 0 none;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-fileupload .p-fileupload-content {
- background: #1e1e1e;
- padding: 2rem 1rem;
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #BA68C8;
- background-color: rgba(186, 104, 200, 0.16);
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #383838;
- border-radius: 3px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #b052c0;
- color: #ffffff;
- border-color: #b052c0;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #a241b2;
- color: #ffffff;
- border-color: #a241b2;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #1e1e1e;
- border: 1px solid #383838;
- border-radius: 3px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: box-shadow 0.2s;
- border-radius: 3px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-contextmenu .p-menuitem {
- margin: 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 3px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #cf95d9;
- }
- .p-dock .p-dock-link {
- width: 4rem;
- height: 4rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-megamenu-panel {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.25rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu.p-menu-overlay {
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 3px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem {
- margin: 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- min-width: 12.5rem;
- border-radius: 3px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.25rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.75rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.25rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 6.75rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 8.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 1px solid #383838;
- color: rgba(255, 255, 255, 0.87);
- background: #1e1e1e;
- border-radius: 3px;
- transition: box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: rgba(255, 255, 255, 0.03);
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #1e1e1e;
- border-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #383838;
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0;
- border: 1px solid #383838;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 3px;
- background: transparent;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #383838;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: transparent;
- border: 1px solid #383838;
- border-width: 0 0 2px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #383838;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #383838 transparent;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #cf95d9;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #1e1e1e;
- border-color: #BA68C8;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #1e1e1e;
- border-color: #BA68C8;
- color: #BA68C8;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0;
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- border-radius: 3px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #1e1e1e;
- border: 1px solid #383838;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 3px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #383838;
- margin: 0.25rem 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.5rem;
- margin: 0;
- border-radius: 3px;
- }
- .p-inline-message.p-inline-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 1px;
- color: #044868;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #044868;
- }
- .p-inline-message.p-inline-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 1px;
- color: #224a23;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #224a23;
- }
- .p-inline-message.p-inline-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 1px;
- color: #6d5100;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #6d5100;
- }
- .p-inline-message.p-inline-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 1px;
- color: #73000c;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #73000c;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 3px;
- }
- .p-message .p-message-wrapper {
- padding: 1rem 1.5rem;
- }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-message.p-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868;
- }
- .p-message.p-message-info .p-message-icon {
- color: #044868;
- }
- .p-message.p-message-info .p-message-close {
- color: #044868;
- }
- .p-message.p-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23;
- }
- .p-message.p-message-success .p-message-icon {
- color: #224a23;
- }
- .p-message.p-message-success .p-message-close {
- color: #224a23;
- }
- .p-message.p-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #6d5100;
- }
- .p-message.p-message-warn .p-message-close {
- color: #6d5100;
- }
- .p-message.p-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c;
- }
- .p-message.p-message-error .p-message-icon {
- color: #73000c;
- }
- .p-message.p-message-error .p-message-close {
- color: #73000c;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 0.9;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: none;
- border-radius: 3px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0 0 0 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #B3E5FC;
- border: solid #0891cf;
- border-width: 0 0 0 6px;
- color: #044868;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #044868;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #C8E6C9;
- border: solid #439446;
- border-width: 0 0 0 6px;
- color: #224a23;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #224a23;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #FFECB3;
- border: solid #d9a300;
- border-width: 0 0 0 6px;
- color: #6d5100;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #6d5100;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #FFCDD2;
- border: solid #e60017;
- border-width: 0 0 0 6px;
- color: #73000c;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #73000c;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #f8f9fa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #f8f9fa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 3px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #f8f9fa;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #383838;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #4c4c4c;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(186, 104, 200, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f8f9fa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #f8f9fa;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #f8f9fa;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #f8f9fa;
- background-color: rgba(255, 255, 255, 0.1);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #383838;
- border-radius: 3px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #1e1e1e;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #BA68C8;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #78909C;
- color: #ffffff;
- }
- .p-badge.p-badge-success {
- background-color: #C5E1A5;
- color: #121212;
- }
- .p-badge.p-badge-info {
- background-color: #81D4FA;
- color: #121212;
- }
- .p-badge.p-badge-warning {
- background-color: #FFE082;
- color: #121212;
- }
- .p-badge.p-badge-danger {
- background-color: #F48FB1;
- color: #121212;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 3px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #383838;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- padding: 0 0.5rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.5rem;
- border-radius: 3px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #cf95d9;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #383838;
- border-radius: 3px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #BA68C8;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #BA68C8;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #383838;
- border-radius: 3px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #BA68C8;
- }
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.5rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #73000c;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #73000c;
- }
- 40% {
- stroke: #044868;
- }
- 66% {
- stroke: #224a23;
- }
- 80%, 90% {
- stroke: #6d5100;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-scrolltop.p-link {
- background: rgba(186, 104, 200, 0.16);
- }
- .p-scrolltop.p-link:hover {
- background: rgba(186, 104, 200, 0.3616);
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 3px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #BA68C8;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 3px;
- }
- .p-tag.p-tag-success {
- background-color: #C5E1A5;
- color: #121212;
- }
- .p-tag.p-tag-info {
- background-color: #81D4FA;
- color: #121212;
- }
- .p-tag.p-tag-warning {
- background-color: #FFE082;
- color: #121212;
- }
- .p-tag.p-tag-danger {
- background-color: #F48FB1;
- color: #121212;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #1e1e1e;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #383838;
- padding: 1rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-/* Customizations to the designer theme should be defined here */
-@layer primevue {
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #BA68C8;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #BA68C8;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #BA68C8;
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #BA68C8;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #BA68C8;
- }
-}
diff --git a/public/themes/aura-dark-amber/fonts/Inter-italic.var.woff2 b/public/themes/aura-dark-amber/fonts/Inter-italic.var.woff2
deleted file mode 100644
index b826d5a..0000000
Binary files a/public/themes/aura-dark-amber/fonts/Inter-italic.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-dark-amber/fonts/Inter-roman.var.woff2 b/public/themes/aura-dark-amber/fonts/Inter-roman.var.woff2
deleted file mode 100644
index 6a256a0..0000000
Binary files a/public/themes/aura-dark-amber/fonts/Inter-roman.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-dark-amber/theme.css b/public/themes/aura-dark-amber/theme.css
deleted file mode 100644
index c03e26f..0000000
--- a/public/themes/aura-dark-amber/theme.css
+++ /dev/null
@@ -1,12113 +0,0 @@
-:root {
- font-family: "Inter var", sans-serif;
- font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- font-variation-settings: normal;
- --font-family: "Inter var", sans-serif;
- --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- --text-color: #ffffff;
- --text-color-secondary: #a1a1aa;
- --primary-color: #fbbf24;
- --primary-color-text: #020617;
- --surface-0: #18181b;
- --surface-50: #27272a;
- --surface-100: #3f3f46;
- --surface-200: #52525b;
- --surface-300: #71717a;
- --surface-400: #a1a1aa;
- --surface-500: #d4d4d8;
- --surface-600: #e4e4e7;
- --surface-700: #f4f4f5;
- --surface-800: #fafafa;
- --surface-900: #ffffff;
- --gray-0: #ffffff;
- --gray-50: #fafafa;
- --gray-100: #f4f4f5;
- --gray-200: #e4e4e7;
- --gray-300: #d4d4d8;
- --gray-400: #a1a1aa;
- --gray-500: #71717a;
- --gray-600: #52525b;
- --gray-700: #3f3f46;
- --gray-800: #27272a;
- --gray-900: #18181b;
- --content-padding: 1.125rem;
- --inline-spacing: 0.5rem;
- --border-radius: 6px;
- --surface-ground: #09090b;
- --surface-section: #18181b;
- --surface-card: #18181b;
- --surface-overlay: #18181b;
- --surface-border: #27272a;
- --surface-hover: rgba(255, 255, 255, 0.03);
- --focus-ring: none;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: rgba(251, 191, 36, 0.16);
- --highlight-text-color: rgba(255, 255, 255, 0.87);
- --p-anchor-gutter: 2px;
- color-scheme: dark;
-}
-
-:root {
- --p-focus-ring-color: var(--primary-color);
-}
-
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: normal;
- font-named-instance: "Regular";
- src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
-}
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: italic;
- font-named-instance: "Italic";
- src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
-}
-:root {
- --blue-50:#f5f9ff;
- --blue-100:#d0e1fd;
- --blue-200:#abc9fb;
- --blue-300:#85b2f9;
- --blue-400:#609af8;
- --blue-500:#3b82f6;
- --blue-600:#326fd1;
- --blue-700:#295bac;
- --blue-800:#204887;
- --blue-900:#183462;
- --green-50:#f4fcf7;
- --green-100:#caf1d8;
- --green-200:#a0e6ba;
- --green-300:#76db9b;
- --green-400:#4cd07d;
- --green-500:#22c55e;
- --green-600:#1da750;
- --green-700:#188a42;
- --green-800:#136c34;
- --green-900:#0e4f26;
- --yellow-50:#fefbf3;
- --yellow-100:#faedc4;
- --yellow-200:#f6de95;
- --yellow-300:#f2d066;
- --yellow-400:#eec137;
- --yellow-500:#eab308;
- --yellow-600:#c79807;
- --yellow-700:#a47d06;
- --yellow-800:#816204;
- --yellow-900:#5e4803;
- --cyan-50:#f3fbfd;
- --cyan-100:#c3edf5;
- --cyan-200:#94e0ed;
- --cyan-300:#65d2e4;
- --cyan-400:#35c4dc;
- --cyan-500:#06b6d4;
- --cyan-600:#059bb4;
- --cyan-700:#047f94;
- --cyan-800:#036475;
- --cyan-900:#024955;
- --pink-50:#fef6fa;
- --pink-100:#fad3e7;
- --pink-200:#f7b0d3;
- --pink-300:#f38ec0;
- --pink-400:#f06bac;
- --pink-500:#ec4899;
- --pink-600:#c93d82;
- --pink-700:#a5326b;
- --pink-800:#822854;
- --pink-900:#5e1d3d;
- --indigo-50:#f7f7fe;
- --indigo-100:#dadafc;
- --indigo-200:#bcbdf9;
- --indigo-300:#9ea0f6;
- --indigo-400:#8183f4;
- --indigo-500:#6366f1;
- --indigo-600:#5457cd;
- --indigo-700:#4547a9;
- --indigo-800:#363885;
- --indigo-900:#282960;
- --teal-50:#f3fbfb;
- --teal-100:#c7eeea;
- --teal-200:#9ae0d9;
- --teal-300:#6dd3c8;
- --teal-400:#41c5b7;
- --teal-500:#14b8a6;
- --teal-600:#119c8d;
- --teal-700:#0e8174;
- --teal-800:#0b655b;
- --teal-900:#084a42;
- --orange-50:#fff8f3;
- --orange-100:#feddc7;
- --orange-200:#fcc39b;
- --orange-300:#fba86f;
- --orange-400:#fa8e42;
- --orange-500:#f97316;
- --orange-600:#d46213;
- --orange-700:#ae510f;
- --orange-800:#893f0c;
- --orange-900:#642e09;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dadee3;
- --bluegray-200:#bcc3cd;
- --bluegray-300:#9fa9b7;
- --bluegray-400:#818ea1;
- --bluegray-500:#64748b;
- --bluegray-600:#556376;
- --bluegray-700:#465161;
- --bluegray-800:#37404c;
- --bluegray-900:#282e38;
- --purple-50:#fbf7ff;
- --purple-100:#ead6fd;
- --purple-200:#dab6fc;
- --purple-300:#c996fa;
- --purple-400:#b975f9;
- --purple-500:#a855f7;
- --purple-600:#8f48d2;
- --purple-700:#763cad;
- --purple-800:#5c2f88;
- --purple-900:#432263;
- --red-50:#fff5f5;
- --red-100:#ffd0ce;
- --red-200:#ffaca7;
- --red-300:#ff8780;
- --red-400:#ff6259;
- --red-500:#ff3d32;
- --red-600:#d9342b;
- --red-700:#b32b23;
- --red-800:#8c221c;
- --red-900:#661814;
- --primary-50:#fffcf4;
- --primary-100:#fef0ca;
- --primary-200:#fde3a1;
- --primary-300:#fdd777;
- --primary-400:#fccb4e;
- --primary-500:#fbbf24;
- --primary-600:#d5a21f;
- --primary-700:#b08619;
- --primary-800:#8a6914;
- --primary-900:#644c0e;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #18181b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #3f3f46;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- padding: 0.25rem 0.25rem;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 0.75rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #3f3f46;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #09090b;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #fbbf24;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #fbbf24;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #fbbf24;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #fbbf24;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.6;
- }
-
- .p-error {
- color: #fca5a5;
- }
-
- .p-text-secondary {
- color: #a1a1aa;
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.25rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #52525b;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #3f3f46;
- color: #ffffff;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-autocomplete-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.25rem 0.25rem;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
-
- .p-datepicker {
- padding: 0.75rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: transparent;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0 0 0.5rem 0;
- color: #ffffff;
- background: transparent;
- font-weight: 500;
- margin: 0 0 0 0;
- border-bottom: 1px solid #3f3f46;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 1.75rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-weight: 500;
- padding: 0.25rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #fbbf24;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker table th {
- padding: 0.25rem;
- }
- .p-datepicker table th > span {
- width: 2rem;
- height: 2rem;
- }
- .p-datepicker table td {
- padding: 0.25rem;
- }
- .p-datepicker table td > span {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-datepicker table td > span:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #3f3f46;
- color: #ffffff;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.5rem 0 0 0;
- border-top: 1px solid #3f3f46;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #3f3f46;
- padding: 0;
- }
- .p-datepicker .p-timepicker button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #3f3f46;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0.25rem;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #27272a;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #27272a;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #27272a;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-cascadeselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #3f3f46;
- background: #09090b;
- width: 1.25rem;
- height: 1.25rem;
- color: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #020617;
- font-size: 0.875rem;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #fbbf24;
- background: #fbbf24;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #52525b;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #fcd34d;
- background: #fcd34d;
- color: #020617;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #fca5a5;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #27272a;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #fbbf24;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #27272a;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #fcd34d;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #27272a;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #fbbf24;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #27272a;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #fcd34d;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #52525b;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #3f3f46;
- color: #ffffff;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-colorpicker-panel {
- background: #18181b;
- border: 1px solid #3f3f46;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff;
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-dropdown.p-variant-filled {
- background: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #a1a1aa;
- right: 2.5rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-dropdown-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.25rem 0.25rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #18181b;
- color: #a1a1aa;
- border-top: 1px solid #3f3f46;
- border-left: 1px solid #3f3f46;
- border-bottom: 1px solid #3f3f46;
- padding: 0.5rem 0.75rem;
- min-width: 2.5rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #3f3f46;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.5rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #27272a;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #27272a;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #27272a;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 2.5rem;
- height: 1.5rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #27272a;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #a1a1aa;
- width: 1rem;
- height: 1rem;
- left: 0.25rem;
- margin-top: -0.5rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #fbbf24;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #020617;
- transform: translateX(1rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #27272a;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #fcd34d;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #fca5a5;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- background: #09090b;
- padding: 0.5rem 0.75rem;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- appearance: none;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #52525b;
- }
- .p-inputtext:enabled:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #fca5a5;
- }
- .p-inputtext.p-variant-filled {
- background-color: #27272a;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #27272a;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #27272a;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: #a1a1aa;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #fca5a5;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: #a1a1aa;
- }
-
- :-moz-placeholder {
- color: #a1a1aa;
- }
-
- ::-moz-placeholder {
- color: #a1a1aa;
- }
-
- :-ms-input-placeholder {
- color: #a1a1aa;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #27272a;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #27272a;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #27272a;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-listbox .p-listbox-list {
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-listbox.p-invalid {
- border-color: #fca5a5;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-multiselect.p-variant-filled {
- background: #27272a;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-password-panel {
- padding: 0 1.125rem 1.125rem 1.125rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #3f3f46;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f87171;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #fbbf24;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #4ade80;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #3f3f46;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #3f3f46;
- background: #09090b;
- width: 1.25rem;
- height: 1.25rem;
- color: #ffffff;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 0.75rem;
- height: 0.75rem;
- transition-duration: 0.2s;
- background-color: #fbbf24;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #fbbf24;
- background: #020617;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #52525b;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #fcd34d;
- background: #020617;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #fcd34d;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #fca5a5;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #020617;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #020617;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #020617;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #020617;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-size: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f87171;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #fbbf24;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #fbbf24;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #ef4444;
- }
-
- .p-selectbutton .p-button {
- background: #09090b;
- border: 1px solid #09090b;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #a1a1aa;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #3f3f46;
- border: 0 none;
- border-radius: 6px;
- }
- .p-slider.p-slider-horizontal {
- height: 3px;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px;
- }
- .p-slider.p-slider-vertical {
- width: 3px;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px;
- }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #3f3f46;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-slider .p-slider-range {
- background: #fbbf24;
- border-radius: 6px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #3f3f46;
- border-color: transparent;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-treeselect.p-variant-filled {
- background: #27272a;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #27272a;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #09090b;
- border-radius: 6px;
- }
- .p-togglebutton .p-button {
- background: #09090b;
- border: 1px solid #09090b;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #a1a1aa;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #020617;
- background: #fbbf24;
- border: 1px solid #fbbf24;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #fcd34d;
- color: #020617;
- border-color: #fcd34d;
- }
- .p-button:not(:disabled):active {
- background: #fde68a;
- color: #020617;
- border-color: #fde68a;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #fbbf24;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(251, 191, 36, 0.04);
- color: #fbbf24;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(251, 191, 36, 0.16);
- color: #fbbf24;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #a1a1aa;
- border-color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #fbbf24;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(251, 191, 36, 0.04);
- color: #fbbf24;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(251, 191, 36, 0.16);
- color: #fbbf24;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #a1a1aa;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #a1a1aa;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
- .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #fbbf24;
- background-color: #020617;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.5rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.5rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.5rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(39, 39, 42, 0.04);
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(39, 39, 42, 0.16);
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #27272a;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(39, 39, 42, 0.04);
- border-color: transparent;
- color: #27272a;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(39, 39, 42, 0.16);
- border-color: transparent;
- color: #27272a;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #082f49;
- background: #38bdf8;
- border: 1px solid #38bdf8;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #7dd3fc;
- color: #082f49;
- border-color: #7dd3fc;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #bae6fd;
- color: #082f49;
- border-color: #bae6fd;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(56, 189, 248, 0.04);
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(56, 189, 248, 0.16);
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #38bdf8;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(56, 189, 248, 0.04);
- border-color: transparent;
- color: #38bdf8;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(56, 189, 248, 0.16);
- border-color: transparent;
- color: #38bdf8;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #052e16;
- background: #4ade80;
- border: 1px solid #4ade80;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #86efac;
- color: #052e16;
- border-color: #86efac;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #bbf7d0;
- color: #052e16;
- border-color: #bbf7d0;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(74, 222, 128, 0.04);
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(74, 222, 128, 0.16);
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #4ade80;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(74, 222, 128, 0.04);
- border-color: transparent;
- color: #4ade80;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(74, 222, 128, 0.16);
- border-color: transparent;
- color: #4ade80;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #431407;
- background: #fb923c;
- border: 1px solid #fb923c;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #fdba74;
- color: #431407;
- border-color: #fdba74;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #fed7aa;
- color: #431407;
- border-color: #fed7aa;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(251, 146, 60, 0.04);
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(251, 146, 60, 0.16);
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #fb923c;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(251, 146, 60, 0.04);
- border-color: transparent;
- color: #fb923c;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(251, 146, 60, 0.16);
- border-color: transparent;
- color: #fb923c;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #3b0764;
- background: #c084fc;
- border: 1px solid #c084fc;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #d8b4fe;
- color: #3b0764;
- border-color: #d8b4fe;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #e9d5ff;
- color: #3b0764;
- border-color: #e9d5ff;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(192, 132, 252, 0.04);
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(192, 132, 252, 0.16);
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #c084fc;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(192, 132, 252, 0.04);
- border-color: transparent;
- color: #c084fc;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(192, 132, 252, 0.16);
- border-color: transparent;
- color: #c084fc;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #450a0a;
- background: #f87171;
- border: 1px solid #f87171;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #fca5a5;
- color: #450a0a;
- border-color: #fca5a5;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #fecaca;
- color: #450a0a;
- border-color: #fecaca;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(248, 113, 113, 0.04);
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(248, 113, 113, 0.16);
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #f87171;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(248, 113, 113, 0.04);
- border-color: transparent;
- color: #f87171;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(248, 113, 113, 0.16);
- border-color: transparent;
- color: #f87171;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #09090b;
- background: #ffffff;
- border: 1px solid #ffffff;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #f4f4f5;
- color: #09090b;
- border-color: #f4f4f5;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #e4e4e7;
- color: #09090b;
- border-color: #e4e4e7;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #ffffff;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: transparent;
- color: #ffffff;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- border-color: transparent;
- color: #ffffff;
- }
-
- .p-button.p-button-link {
- color: #fbbf24;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #fbbf24;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #fbbf24;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-speeddial-action {
- width: 2.5rem;
- height: 2.5rem;
- background: #3f3f46;
- color: #a1a1aa;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-speeddial-action:hover {
- background: #3f3f46;
- color: #ffffff;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 6px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 6px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #3f3f46;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #3f3f46;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #a1a1aa;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: 0 none;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #18181b;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(251, 191, 36, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(251, 191, 36, 0.16);
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-datatable .p-column-resizer-helper {
- background: #fbbf24;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #18181b;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #1f1f22;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #18181b;
- color: #ffffff;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-clear-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-overlay {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.25rem 0.25rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-bottom: 1px solid #3f3f46;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-orderlist .p-orderlist-header {
- color: #ffffff;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #3f3f46;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #1f1f22;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(157, 114, 3, 0.16);
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #3f3f46;
- border-color: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #3f3f46;
- border-color: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #18181b;
- color: #ffffff;
- border: solid #3f3f46;
- border-width: 0;
- padding: 0.5rem 1rem;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: #ffffff;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 50%;
- border-bottom-left-radius: 50%;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 50%;
- border-bottom-right-radius: 50%;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.5rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.5rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(251, 191, 36, 0.16);
- border-color: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: #ffffff;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-picklist .p-picklist-header {
- color: #ffffff;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #3f3f46;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #1f1f22;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #3f3f46;
- border-radius: 50%;
- width: 1.125rem;
- height: 1.125rem;
- background-color: #020617;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #3f3f46;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-radius: 6px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0 0;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- padding: 0.25rem 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #a1a1aa;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #ffffff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- }
- .p-treetable .p-sortable-column {
- outline-color: var(--p-focus-ring-color);
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #a1a1aa;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #18181b;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #ffffff;
- }
- .p-treetable .p-column-resizer-helper {
- background: #fbbf24;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #18181b;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #a1a1aa;
- background: #18181b;
- font-weight: 600;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #18181b;
- background: #18181b;
- color: #ffffff;
- }
- .p-accordion .p-accordion-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-card {
- background: #18181b;
- color: #ffffff;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-card .p-card-body {
- padding: 1.5rem;
- }
- .p-card .p-card-title {
- font-size: 1.25rem;
- font-weight: 600;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #a1a1aa;
- }
- .p-card .p-card-content {
- padding: 0 0 0 0;
- }
- .p-card .p-card-footer {
- padding: 0 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-radius: 6px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- background: #18181b;
- font-weight: 600;
- border-radius: 6px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1.125rem;
- color: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: #ffffff;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #18181b;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #3f3f46;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #3f3f46;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #3f3f46;
- padding: 1.125rem;
- background: #18181b;
- color: #ffffff;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.75rem 1.125rem;
- }
- .p-panel .p-panel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panel .p-panel-footer {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #3f3f46;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #3f3f46;
- background: #18181b;
- border-radius: 6px;
- color: #ffffff;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- background: #3f3f46;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #3f3f46;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #18181b;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #a1a1aa;
- border: 1px solid #3f3f46;
- border-width: 2px;
- background: #18181b;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #ffffff;
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #ffffff;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #fbbf24;
- }
- .p-stepper .p-stepper-panels {
- background: #18181b;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- color: #ffffff;
- }
- .p-stepper .p-stepper-separator {
- background-color: #3f3f46;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #18181b;
- color: #ffffff;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #fbbf24;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-width: 0 0 1px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #3f3f46;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #3f3f46 transparent;
- background: #18181b;
- color: #a1a1aa;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #fbbf24;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #18181b;
- color: #fbbf24;
- width: 2.5rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-panels {
- background: #18181b;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #18181b;
- border: 1px solid #3f3f46;
- padding: 1.125rem;
- border-radius: 6px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(24, 24, 27, 0);
- border-bottom-color: #18181b;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(63, 63, 70, 0);
- border-bottom-color: #3c3c43;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #18181b;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #3f3f46;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- border: 1px solid #3f3f46;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 1.5rem;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #18181b;
- color: #ffffff;
- padding: 0 1.5rem 1.5rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #fbbf24;
- color: #020617;
- width: 1.75rem;
- height: 1.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -0.875rem;
- right: -0.875rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #fcd34d;
- color: #020617;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(24, 24, 27, 0);
- border-bottom-color: #18181b;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(63, 63, 70, 0);
- border-bottom-color: #3c3c43;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #18181b;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #3f3f46;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1.125rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #3f3f46;
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #3f3f46;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #18181b;
- padding: 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fileupload .p-fileupload-content {
- background: #18181b;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #fbbf24;
- background-color: rgba(251, 191, 36, 0.16);
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #fcd34d;
- color: #020617;
- border-color: #fcd34d;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #fde68a;
- color: #020617;
- border-color: #fde68a;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #18181b;
- border: 0 none;
- border-radius: 6px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #71717a;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #ffffff;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #71717a;
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-contextmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 6px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-dock .p-dock-link {
- width: 3rem;
- height: 3rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem 0.5rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 2px 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-megamenu-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0.25rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #71717a;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 2px 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu.p-menu-overlay {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem 0.5rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem {
- margin: 2px 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- border-radius: 6px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #71717a;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.5rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 0 none;
- color: #a1a1aa;
- background: #18181b;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #a1a1aa;
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #18181b;
- background: #18181b;
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0.25rem;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #18181b;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #a1a1aa;
- border: 1px solid #3f3f46;
- background: #18181b;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #ffffff;
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 500;
- color: #ffffff;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #3f3f46;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-width: 0 0 1px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #3f3f46;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #3f3f46 transparent;
- background: #18181b;
- color: #a1a1aa;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #fbbf24;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.75rem;
- margin: 0;
- border-radius: 6px;
- }
- .p-inline-message.p-inline-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #3b82f6;
- }
- .p-inline-message.p-inline-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #22c55e;
- }
- .p-inline-message.p-inline-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #eab308;
- }
- .p-inline-message.p-inline-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #ef4444;
- }
- .p-inline-message.p-inline-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-inline-message.p-inline-message-secondary .p-inline-message-icon {
- color: #d4d4d8;
- }
- .p-inline-message.p-inline-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-inline-message.p-inline-message-contrast .p-inline-message-icon {
- color: #09090b;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 6px;
- }
- .p-message .p-message-wrapper {
- padding: 0.5rem 0.75rem;
- }
- .p-message .p-message-close {
- width: 1.75rem;
- height: 1.75rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-message.p-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-message.p-message-info .p-message-icon {
- color: #3b82f6;
- }
- .p-message.p-message-info .p-message-close {
- color: #3b82f6;
- }
- .p-message.p-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-message.p-message-success .p-message-icon {
- color: #22c55e;
- }
- .p-message.p-message-success .p-message-close {
- color: #22c55e;
- }
- .p-message.p-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #eab308;
- }
- .p-message.p-message-warn .p-message-close {
- color: #eab308;
- }
- .p-message.p-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-message.p-message-error .p-message-icon {
- color: #ef4444;
- }
- .p-message.p-message-error .p-message-close {
- color: #ef4444;
- }
- .p-message.p-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-icon {
- color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-close {
- color: #d4d4d8;
- }
- .p-message.p-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-message.p-message-contrast .p-message-icon {
- color: #09090b;
- }
- .p-message.p-message-contrast .p-message-close {
- color: #09090b;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1rem;
- height: 1rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 0.75rem;
- border-width: 1px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 1.125rem;
- height: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 500;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.125rem;
- height: 1.125rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- color: #d4d4d8;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- color: #09090b;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #a1a1aa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #a1a1aa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #ffffff;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #3f3f46;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #3f3f46;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #a1a1aa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #a1a1aa;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #ffffff;
- background-color: rgba(255, 255, 255, 0.03);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #3f3f46;
- border-radius: 6px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #18181b;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #fbbf24;
- color: #020617;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-badge.p-badge-success {
- background-color: #4ade80;
- color: #052e16;
- }
- .p-badge.p-badge-info {
- background-color: #38bdf8;
- color: #082f49;
- }
- .p-badge.p-badge-warning {
- background-color: #fb923c;
- color: #431407;
- }
- .p-badge.p-badge-danger {
- background-color: #f87171;
- color: #450a0a;
- }
- .p-badge.p-badge-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-badge.p-badge-contrast {
- background-color: #ffffff;
- color: #09090b;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 6px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #fbbf24;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #fbbf24;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.25rem;
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #fbbf24;
- }
- .p-progressbar .p-progressbar-label {
- color: #020617;
- line-height: 1.25rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #ef4444;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #ef4444;
- }
- 40% {
- stroke: #3b82f6;
- }
- 66% {
- stroke: #22c55e;
- }
- 80%, 90% {
- stroke: #eab308;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-scrolltop.p-link {
- background: #3f3f46;
- }
- .p-scrolltop.p-link:hover {
- background: #3f3f46;
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #ffffff;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 6px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #fbbf24;
- color: #020617;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
- }
- .p-tag.p-tag-success {
- background-color: #4ade80;
- color: #052e16;
- }
- .p-tag.p-tag-info {
- background-color: #38bdf8;
- color: #082f49;
- }
- .p-tag.p-tag-warning {
- background-color: #fb923c;
- color: #431407;
- }
- .p-tag.p-tag-danger {
- background-color: #f87171;
- color: #450a0a;
- }
- .p-tag.p-tag-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-tag.p-tag-contrast {
- background-color: #ffffff;
- color: #09090b;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primevue {
- .p-accordion .p-accordion-header .p-accordion-header-link {
- border-radius: 6px !important;
- flex-direction: row-reverse;
- justify-content: space-between;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link:hover {
- border-bottom-color: #18181b;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- transform: rotate(90deg);
- }
- .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon {
- transform: rotate(-180deg);
- }
- .p-accordion .p-accordion-tab {
- border-bottom: 1px solid #27272a;
- }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom: 0 none;
- }
-
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.375rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete.p-disabled {
- opacity: 1;
- }
-
- .p-button-label {
- font-weight: 500;
- }
-
- .p-button.p-button-success:enabled:focus-visible {
- outline-color: #4ade80;
- }
- .p-button.p-button-info:enabled:focus-visible {
- outline-color: #38bdf8;
- }
- .p-button.p-button-warning:enabled:focus-visible {
- outline-color: #fb923c;
- }
- .p-button.p-button-help:enabled:focus-visible {
- outline-color: #c084fc;
- }
- .p-button.p-button-danger:enabled:focus-visible {
- outline-color: #f87171;
- }
- .p-button.p-button-contrast:enabled:focus-visible {
- outline-color: #ffffff;
- }
- .p-button.p-button-outlined {
- border-color: rgba(251, 191, 36, 0.44);
- }
- .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active {
- border-color: rgba(251, 191, 36, 0.44);
- }
- .p-button.p-button-outlined.p-button-secondary {
- border-color: rgba(82, 82, 91, 0.48);
- color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover {
- color: #a1a1aa;
- background-color: rgba(255, 255, 255, 0.04);
- border-color: rgba(82, 82, 91, 0.48);
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):active {
- color: #a1a1aa;
- background-color: rgba(255, 255, 255, 0.16);
- border-color: rgba(82, 82, 91, 0.48);
- }
- .p-button.p-button-outlined.p-button-success {
- border-color: rgba(21, 128, 61, 0.44);
- }
- .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active {
- border-color: rgba(21, 128, 61, 0.44);
- }
- .p-button.p-button-outlined.p-button-info {
- border-color: rgba(29, 78, 216, 0.44);
- }
- .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active {
- border-color: rgba(29, 78, 216, 0.44);
- }
- .p-button.p-button-outlined.p-button-warning {
- border-color: rgba(161, 98, 7, 0.44);
- }
- .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active {
- border-color: rgba(161, 98, 7, 0.44);
- }
- .p-button.p-button-outlined.p-button-help {
- border-color: rgba(109, 40, 217, 0.44);
- }
- .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active {
- border-color: rgba(109, 40, 217, 0.44);
- }
- .p-button.p-button-outlined.p-button-danger {
- border-color: rgba(185, 28, 28, 0.44);
- }
- .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active {
- border-color: rgba(185, 28, 28, 0.44);
- }
- .p-button.p-button-outlined.p-button-contrast {
- border-color: rgba(255, 255, 255, 0.44);
- }
- .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active {
- border-color: rgba(255, 255, 255, 0.44);
- }
- .p-button.p-button-secondary.p-button-text {
- color: #a1a1aa;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover {
- background-color: rgba(255, 255, 255, 0.04);
- color: #a1a1aa;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active {
- background-color: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
-
- .p-datepicker-buttonbar .p-button {
- padding: 0.25rem 0.75rem;
- font-size: 0.875rem;
- }
-
- .p-datepicker .p-datepicker-group-container + .p-timepicker {
- margin-top: 0.5rem;
- padding-top: 0.5rem;
- }
- .p-datepicker table th {
- font-weight: 500;
- }
-
- .p-card {
- border-radius: 12px;
- display: flex;
- flex-direction: column;
- }
- .p-card .p-card-caption {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-card .p-card-caption .p-card-title,
-.p-card .p-card-caption .p-card-subtitle {
- margin-bottom: 0;
- }
- .p-card .p-card-body {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #fbbf24;
- }
-
- .p-cascadeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-cascadeselect .p-cascadeselect-label {
- box-shadow: none;
- }
- .p-cascadeselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-cascadeselect.p-disabled .p-cascadeselect-label {
- background-color: #3f3f46;
- color: #a1a1aa;
- }
-
- div.p-cascadeselect-panel {
- border: 0 none;
- box-shadow: none;
- }
-
- .p-checkbox .p-checkbox-box {
- border-radius: 4px;
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
- border-color: #fbbf24;
- }
- .p-checkbox.p-disabled {
- opacity: 1;
- }
- .p-checkbox.p-disabled .p-checkbox-box {
- background-color: #3f3f46;
- border: 1px solid #3f3f46;
- }
- .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {
- color: #a1a1aa;
- }
-
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.375rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips.p-disabled .p-chips-multiple-container {
- opacity: 1;
- background-color: #3f3f46;
- }
-
- .p-chip {
- border-radius: 16px;
- padding: 0.25rem 0.75rem;
- }
- .p-chip .p-chip-text {
- margin-top: 0;
- margin-bottom: 0;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.375rem;
- }
- .p-chip:has(.p-chip-remove-icon) {
- padding-right: 0.5rem;
- }
- .p-chip img {
- margin-left: -0.5rem;
- }
-
- .p-colorpicker-preview {
- padding: 0;
- }
- .p-colorpicker-preview:enabled:focus {
- outline-offset: 2px;
- }
- .p-colorpicker-preview.p-inputtext.p-disabled {
- opacity: 0.6;
- }
-
- .p-confirm-popup {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #fbbf24;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #fbbf24;
- }
- .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: rgba(250, 183, 8, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight > td {
- border-bottom-color: rgba(250, 183, 8, 0.16);
- }
-
- .p-dataview-layout-options.p-selectbutton .p-button svg {
- position: relative;
- }
-
- .p-dialog {
- border-radius: 12px;
- background-color: #18181b;
- }
- .p-dialog.p-dialog-maximized {
- border-radius: 0;
- }
- .p-dialog .p-dialog-header {
- border-top-right-radius: 12px;
- border-top-left-radius: 12px;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
- .p-dialog .p-dialog-footer {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
-
- .p-dropdown {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-dropdown .p-dropdown-label {
- box-shadow: none;
- }
- .p-dropdown.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-dropdown.p-disabled .p-dropdown-label {
- color: #a1a1aa;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- margin-left: -0.375rem;
- margin-right: 0.375rem;
- }
-
- .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: rgba(250, 183, 8, 0.16);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td {
- border-bottom-color: rgba(250, 183, 8, 0.16);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover {
- background-color: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-fieldset {
- padding: 0 1.125rem 1.125rem 1.125rem;
- margin: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text {
- padding: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- color: #a1a1aa;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background-color: rgba(255, 255, 255, 0.03);
- }
- .p-fieldset .p-fieldset-legend {
- border: 0 none;
- padding: 0;
- margin-bottom: 0.375rem;
- }
- .p-fieldset .p-fieldset-legend span {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0;
- }
-
- .p-column-filter-overlay-menu {
- padding: 0.75rem;
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraints {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 0 0 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button {
- margin-bottom: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0;
- }
-
- .p-fileupload .p-fileupload-content {
- border-top: 0 none;
- padding-top: 1.125rem;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #fbbf24;
- }
-
- .p-inline-message-text {
- font-weight: 500;
- }
-
- .p-inline-message {
- backdrop-filter: blur(10px);
- }
-
- .p-inline-message.p-inline-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
-
- .p-inline-message.p-inline-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
-
- .p-inline-message.p-inline-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
-
- .p-inline-message.p-inline-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
-
- .p-inline-message.p-inline-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
-
- .p-inline-message.p-inline-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
-
- .p-inputgroup-addon {
- padding: 0.5rem;
- }
-
- .p-inputnumber.p-inputnumber-buttons-stacked {
- position: relative;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- position: absolute;
- top: 1px;
- right: 1px;
- height: calc(100% - 2px);
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #3f3f46;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up {
- border-left: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down {
- border-right: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #3f3f46;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up {
- border-bottom: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down {
- border-top: 0 none;
- }
-
- .p-inputswitch .p-inputswitch-slider {
- border: 0 none;
- }
- .p-inputswitch.p-highlight p-inputswitch-slider:before {
- left: 1.25rem;
- transform: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- background: #fca5a5;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
- background: #18181b;
- }
-
- .p-inputtext {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
-
- .p-inputtext:disabled {
- opacity: 1;
- background-color: #3f3f46;
- color: #a1a1aa;
- }
-
- .p-knob svg {
- border-radius: 6px;
- outline-color: transparent;
- transition: outline-color 0.2s;
- }
- .p-knob svg:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-listbox {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-listbox.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-listbox.p-disabled .p-listbox-list .p-listbox-item {
- color: #a1a1aa;
- }
-
- .p-message {
- backdrop-filter: blur(10px);
- }
-
- .p-message.p-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-message.p-message-info .p-message-close:focus-visible {
- outline-color: #3b82f6;
- }
- .p-message.p-message-info .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-message.p-message-success .p-message-close:focus-visible {
- outline-color: #22c55e;
- }
- .p-message.p-message-success .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-message.p-message-warn .p-message-close:focus-visible {
- outline-color: #eab308;
- }
- .p-message.p-message-warn .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-message.p-message-error .p-message-close:focus-visible {
- outline-color: #ef4444;
- }
- .p-message.p-message-error .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-message.p-message-secondary .p-message-close:focus-visible {
- outline-color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-close:hover {
- background: #3f3f46;
- }
-
- .p-message.p-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-message.p-message-contrast .p-message-close:focus-visible {
- outline-color: #09090b;
- }
- .p-message.p-message-contrast .p-message-close:hover {
- background: #f4f4f5;
- }
-
- .p-multiselect-panel .p-multiselect-header {
- padding-left: 1rem;
- padding-right: 1rem;
- }
-
- .p-multiselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-multiselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-multiselect.p-disabled .p-multiselect-label {
- color: #a1a1aa;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- border-radius: 4px;
- margin-right: 0.25rem;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.375rem;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header {
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action {
- background: rgba(255, 255, 255, 0.08);
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- font-weight: 600;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- /*line-height: 1.5;*/
- }
- .p-panelmenu .p-panelmenu-content {
- border-radius: 6px;
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-panel {
- padding: 0.25rem 0.25rem;
- overflow: hidden;
- margin-bottom: 0.75rem;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
-
- .p-password-panel {
- background-color: #18181b;
- border: 1px solid #3f3f46;
- padding: 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.75rem;
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength {
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f87171;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #fbbf24;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #4ade80;
- }
-
- .p-orderlist-controls .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-orderlist-controls .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-orderlist-controls .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-orderlist-controls .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
-
- .p-orderlist .p-orderlist-header {
- background: #18181b;
- color: #ffffff;
- border: 0 none;
- border-bottom: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #a1a1aa;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list {
- border: 1px solid #3f3f46;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- border-radius: 6px;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-organizationchart .p-organizationchart-node-content {
- padding: 0.75rem 1rem;
- border-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid #3f3f46;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: static;
- }
- .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) {
- padding: 0.75rem 1rem 1.25rem 1rem;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
- border-right: 0 none;
- }
- .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) {
- border-top-right-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) {
- border-left: 1px solid #3f3f46;
- border-top-left-radius: 6px;
- }
-
- .p-overlaypanel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.75rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- position: absolute;
- top: 0.25rem;
- right: 0.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-overlaypanel .p-overlaypanel-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-panel {
- border: 1px solid #3f3f46;
- border-radius: 6px;
- background-color: #18181b;
- }
- .p-panel .p-panel-header,
-.p-panel .p-panel-content,
-.p-panel .p-panel-footer {
- background: transparent;
- border: 0 none;
- }
- .p-panel:has(.p-panel-footer) .p-panel-content {
- padding-bottom: 0.875rem;
- }
-
- .p-picklist-buttons .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-picklist-buttons .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-picklist-buttons .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-picklist-buttons .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
-
- .p-picklist .p-picklist-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #a1a1aa;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-picklist .p-picklist-list {
- border: 1px solid #3f3f46;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- border-radius: 6px;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-progressbar-label {
- font-size: 0.75rem;
- font-weight: 600;
- }
-
- .p-radiobutton .p-radiobutton-box {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box {
- border-color: #fbbf24;
- }
- .p-radiobutton.p-disabled {
- opacity: 1;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box {
- border: 1px solid #3f3f46;
- background-color: #3f3f46;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon {
- background-color: #a1a1aa;
- }
-
- .p-rating {
- gap: 0.25rem;
- }
-
- .p-selectbutton .p-button .pi,
-.p-selectbutton .p-button .p-button-label {
- position: relative;
- transition: none;
- }
- .p-selectbutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-selectbutton .p-button.p-highlight::before {
- background: #27272a;
- border-color: #27272a;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-selectbutton .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-selectbutton .p-button.p-disabled {
- opacity: 1;
- color: #71717a;
- }
- .p-selectbutton.p-invalid {
- box-shadow: 0 0 0 1px #fca5a5;
- border-radius: 6px;
- }
- .p-selectbutton.p-invalid > .p-button {
- border: 1px solid #09090b;
- }
- .p-selectbutton.p-disabled {
- opacity: 1;
- }
- .p-selectbutton.p-disabled .p-button {
- color: #71717a;
- }
-
- .p-slider .p-slider-handle {
- display: flex !important;
- justify-content: center;
- align-items: center;
- }
- .p-slider .p-slider-handle::before {
- content: "";
- width: 16px;
- height: 16px;
- display: block;
- background-color: #09090b;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline-color: #fddf92;
- }
-
- .p-speeddial-button.p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-splitter-gutter-handle {
- border-radius: 6px;
- }
-
- .p-stepper .p-stepper-header .p-stepper-number {
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #18181b;
- color: #fbbf24;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #fbbf24;
- }
-
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- border-width: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-steps-number {
- position: relative;
- font-weight: 500;
- }
- .p-steps .p-steps-item .p-steps-number::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #18181b;
- color: #fbbf24;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- color: #fbbf24;
- }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1;
- }
- .p-steps .p-steps-item:before {
- border-top-width: 2px;
- margin-top: calc(-1rem + 1px);
- }
- .p-steps .p-steps-item:first-child::before {
- width: calc(50% + 1rem);
- transform: translateX(100%);
- }
- .p-steps .p-steps-item:last-child::before {
- width: 50%;
- }
-
- .p-tabmenu .p-tabmenu-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: -1px;
- height: 1px;
- background-color: #fbbf24;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabmenu .p-tabmenu-nav {
- position: relative;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-tabview .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 1px;
- background-color: #fbbf24;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabview .p-tabview-nav {
- position: relative;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5);
- }
- .p-tabview .p-tabview-nav-btn.p-link:hover {
- color: #ffffff;
- }
-
- .p-tag {
- background: color-mix(in srgb, var(--primary-500), transparent 80%);
- color: var(--primary-300);
- }
- .p-tag.p-tag-success {
- background: rgba(34, 197, 94, 0.16);
- color: #22c55e;
- }
- .p-tag.p-tag-info {
- background: rgba(59, 130, 246, 0.16);
- color: #3b82f6;
- }
- .p-tag.p-tag-warning {
- background: rgba(234, 179, 8, 0.16);
- color: #eab308;
- }
- .p-tag.p-tag-danger {
- background: rgba(239, 68, 68, 0.16);
- color: #ef4444;
- }
-
- .p-terminal {
- background: #09090b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- }
- .p-terminal .p-terminal-prompt {
- margin-right: 0.25rem;
- }
- .p-terminal .p-terminal-response {
- margin: 2px 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- position: relative;
- }
- .p-timeline .p-timeline-event-marker::before {
- content: " ";
- border-radius: 50%;
- width: 0.375rem;
- height: 0.375rem;
- background-color: #fbbf24;
- }
- .p-timeline .p-timeline-event-marker::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-toast .p-toast-message {
- backdrop-filter: blur(10px);
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- font-size: 0.875rem;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.75rem;
- height: 1.75rem;
- margin-top: -25%;
- right: -25%;
- position: relative;
- }
-
- .p-toast .p-toast-message.p-toast-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- outline-color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- outline-color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- outline-color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover {
- background: #3f3f46;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover {
- background: #f4f4f5;
- }
-
- .p-togglebutton .p-button .p-button-label,
-.p-togglebutton .p-button .p-button-icon {
- position: relative;
- transition: none;
- }
- .p-togglebutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-togglebutton.p-highlight .p-button::before {
- background: #27272a;
- border-color: #27272a;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-togglebutton.p-disabled {
- opacity: 1;
- }
- .p-togglebutton.p-disabled .p-button {
- color: #71717a;
- }
- .p-togglebutton.p-disabled .p-button .p-button-icon {
- color: #71717a;
- }
-
- .p-toolbar {
- padding: 0.75rem;
- }
-
- .p-tree {
- border: 0 none;
- padding: 1rem;
- }
- .p-tree .p-tree-container .p-treenode {
- margin: 2px 0;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline-offset: -2px;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover {
- background-color: rgba(251, 191, 36, 0.16);
- }
- .p-tree .p-tree-container > .p-treenode:first-child {
- margin-top: 0;
- }
- .p-tree .p-tree-container > .p-treenode:last-child {
- margin-bottom: 0;
- }
-
- .p-treeselect-panel .p-tree {
- padding: 0.25rem 0.25rem;
- }
-
- .p-treeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-treeselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-treeselect.p-disabled .p-treeselect-label {
- color: #a1a1aa;
- }
-}
diff --git a/public/themes/aura-dark-blue/fonts/Inter-italic.var.woff2 b/public/themes/aura-dark-blue/fonts/Inter-italic.var.woff2
deleted file mode 100644
index b826d5a..0000000
Binary files a/public/themes/aura-dark-blue/fonts/Inter-italic.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-dark-blue/fonts/Inter-roman.var.woff2 b/public/themes/aura-dark-blue/fonts/Inter-roman.var.woff2
deleted file mode 100644
index 6a256a0..0000000
Binary files a/public/themes/aura-dark-blue/fonts/Inter-roman.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-dark-blue/theme.css b/public/themes/aura-dark-blue/theme.css
deleted file mode 100644
index 8d35e30..0000000
--- a/public/themes/aura-dark-blue/theme.css
+++ /dev/null
@@ -1,12113 +0,0 @@
-:root {
- font-family: "Inter var", sans-serif;
- font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- font-variation-settings: normal;
- --font-family: "Inter var", sans-serif;
- --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- --text-color: #ffffff;
- --text-color-secondary: #a1a1aa;
- --primary-color: #60a5fa;
- --primary-color-text: #020617;
- --surface-0: #18181b;
- --surface-50: #27272a;
- --surface-100: #3f3f46;
- --surface-200: #52525b;
- --surface-300: #71717a;
- --surface-400: #a1a1aa;
- --surface-500: #d4d4d8;
- --surface-600: #e4e4e7;
- --surface-700: #f4f4f5;
- --surface-800: #fafafa;
- --surface-900: #ffffff;
- --gray-0: #ffffff;
- --gray-50: #fafafa;
- --gray-100: #f4f4f5;
- --gray-200: #e4e4e7;
- --gray-300: #d4d4d8;
- --gray-400: #a1a1aa;
- --gray-500: #71717a;
- --gray-600: #52525b;
- --gray-700: #3f3f46;
- --gray-800: #27272a;
- --gray-900: #18181b;
- --content-padding: 1.125rem;
- --inline-spacing: 0.5rem;
- --border-radius: 6px;
- --surface-ground: #09090b;
- --surface-section: #18181b;
- --surface-card: #18181b;
- --surface-overlay: #18181b;
- --surface-border: #27272a;
- --surface-hover: rgba(255, 255, 255, 0.03);
- --focus-ring: none;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: rgba(96, 165, 250, 0.16);
- --highlight-text-color: rgba(255, 255, 255, 0.87);
- --p-anchor-gutter: 2px;
- color-scheme: dark;
-}
-
-:root {
- --p-focus-ring-color: var(--primary-color);
-}
-
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: normal;
- font-named-instance: "Regular";
- src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
-}
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: italic;
- font-named-instance: "Italic";
- src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
-}
-:root {
- --blue-50:#f5f9ff;
- --blue-100:#d0e1fd;
- --blue-200:#abc9fb;
- --blue-300:#85b2f9;
- --blue-400:#609af8;
- --blue-500:#3b82f6;
- --blue-600:#326fd1;
- --blue-700:#295bac;
- --blue-800:#204887;
- --blue-900:#183462;
- --green-50:#f4fcf7;
- --green-100:#caf1d8;
- --green-200:#a0e6ba;
- --green-300:#76db9b;
- --green-400:#4cd07d;
- --green-500:#22c55e;
- --green-600:#1da750;
- --green-700:#188a42;
- --green-800:#136c34;
- --green-900:#0e4f26;
- --yellow-50:#fefbf3;
- --yellow-100:#faedc4;
- --yellow-200:#f6de95;
- --yellow-300:#f2d066;
- --yellow-400:#eec137;
- --yellow-500:#eab308;
- --yellow-600:#c79807;
- --yellow-700:#a47d06;
- --yellow-800:#816204;
- --yellow-900:#5e4803;
- --cyan-50:#f3fbfd;
- --cyan-100:#c3edf5;
- --cyan-200:#94e0ed;
- --cyan-300:#65d2e4;
- --cyan-400:#35c4dc;
- --cyan-500:#06b6d4;
- --cyan-600:#059bb4;
- --cyan-700:#047f94;
- --cyan-800:#036475;
- --cyan-900:#024955;
- --pink-50:#fef6fa;
- --pink-100:#fad3e7;
- --pink-200:#f7b0d3;
- --pink-300:#f38ec0;
- --pink-400:#f06bac;
- --pink-500:#ec4899;
- --pink-600:#c93d82;
- --pink-700:#a5326b;
- --pink-800:#822854;
- --pink-900:#5e1d3d;
- --indigo-50:#f7f7fe;
- --indigo-100:#dadafc;
- --indigo-200:#bcbdf9;
- --indigo-300:#9ea0f6;
- --indigo-400:#8183f4;
- --indigo-500:#6366f1;
- --indigo-600:#5457cd;
- --indigo-700:#4547a9;
- --indigo-800:#363885;
- --indigo-900:#282960;
- --teal-50:#f3fbfb;
- --teal-100:#c7eeea;
- --teal-200:#9ae0d9;
- --teal-300:#6dd3c8;
- --teal-400:#41c5b7;
- --teal-500:#14b8a6;
- --teal-600:#119c8d;
- --teal-700:#0e8174;
- --teal-800:#0b655b;
- --teal-900:#084a42;
- --orange-50:#fff8f3;
- --orange-100:#feddc7;
- --orange-200:#fcc39b;
- --orange-300:#fba86f;
- --orange-400:#fa8e42;
- --orange-500:#f97316;
- --orange-600:#d46213;
- --orange-700:#ae510f;
- --orange-800:#893f0c;
- --orange-900:#642e09;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dadee3;
- --bluegray-200:#bcc3cd;
- --bluegray-300:#9fa9b7;
- --bluegray-400:#818ea1;
- --bluegray-500:#64748b;
- --bluegray-600:#556376;
- --bluegray-700:#465161;
- --bluegray-800:#37404c;
- --bluegray-900:#282e38;
- --purple-50:#fbf7ff;
- --purple-100:#ead6fd;
- --purple-200:#dab6fc;
- --purple-300:#c996fa;
- --purple-400:#b975f9;
- --purple-500:#a855f7;
- --purple-600:#8f48d2;
- --purple-700:#763cad;
- --purple-800:#5c2f88;
- --purple-900:#432263;
- --red-50:#fff5f5;
- --red-100:#ffd0ce;
- --red-200:#ffaca7;
- --red-300:#ff8780;
- --red-400:#ff6259;
- --red-500:#ff3d32;
- --red-600:#d9342b;
- --red-700:#b32b23;
- --red-800:#8c221c;
- --red-900:#661814;
- --primary-50:#f7fbff;
- --primary-100:#d9e9fe;
- --primary-200:#bbd8fd;
- --primary-300:#9cc7fc;
- --primary-400:#7eb6fb;
- --primary-500:#60a5fa;
- --primary-600:#528cd5;
- --primary-700:#4374af;
- --primary-800:#355b8a;
- --primary-900:#264264;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #18181b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #3f3f46;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- padding: 0.25rem 0.25rem;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 0.75rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #3f3f46;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #09090b;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #60a5fa;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #60a5fa;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #60a5fa;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #60a5fa;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.6;
- }
-
- .p-error {
- color: #fca5a5;
- }
-
- .p-text-secondary {
- color: #a1a1aa;
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.25rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #52525b;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #3f3f46;
- color: #ffffff;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-autocomplete-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.25rem 0.25rem;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
-
- .p-datepicker {
- padding: 0.75rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: transparent;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0 0 0.5rem 0;
- color: #ffffff;
- background: transparent;
- font-weight: 500;
- margin: 0 0 0 0;
- border-bottom: 1px solid #3f3f46;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 1.75rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-weight: 500;
- padding: 0.25rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #60a5fa;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker table th {
- padding: 0.25rem;
- }
- .p-datepicker table th > span {
- width: 2rem;
- height: 2rem;
- }
- .p-datepicker table td {
- padding: 0.25rem;
- }
- .p-datepicker table td > span {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-datepicker table td > span:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #3f3f46;
- color: #ffffff;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.5rem 0 0 0;
- border-top: 1px solid #3f3f46;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #3f3f46;
- padding: 0;
- }
- .p-datepicker .p-timepicker button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #3f3f46;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0.25rem;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #27272a;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #27272a;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #27272a;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-cascadeselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #3f3f46;
- background: #09090b;
- width: 1.25rem;
- height: 1.25rem;
- color: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #020617;
- font-size: 0.875rem;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #60a5fa;
- background: #60a5fa;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #52525b;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #93c5fd;
- background: #93c5fd;
- color: #020617;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #fca5a5;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #27272a;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #60a5fa;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #27272a;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #93c5fd;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #27272a;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #60a5fa;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #27272a;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #93c5fd;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #52525b;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #3f3f46;
- color: #ffffff;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-colorpicker-panel {
- background: #18181b;
- border: 1px solid #3f3f46;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff;
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-dropdown.p-variant-filled {
- background: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #a1a1aa;
- right: 2.5rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-dropdown-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.25rem 0.25rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #18181b;
- color: #a1a1aa;
- border-top: 1px solid #3f3f46;
- border-left: 1px solid #3f3f46;
- border-bottom: 1px solid #3f3f46;
- padding: 0.5rem 0.75rem;
- min-width: 2.5rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #3f3f46;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.5rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #27272a;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #27272a;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #27272a;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 2.5rem;
- height: 1.5rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #27272a;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #a1a1aa;
- width: 1rem;
- height: 1rem;
- left: 0.25rem;
- margin-top: -0.5rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #60a5fa;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #020617;
- transform: translateX(1rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #27272a;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #93c5fd;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #fca5a5;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- background: #09090b;
- padding: 0.5rem 0.75rem;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- appearance: none;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #52525b;
- }
- .p-inputtext:enabled:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #fca5a5;
- }
- .p-inputtext.p-variant-filled {
- background-color: #27272a;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #27272a;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #27272a;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: #a1a1aa;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #fca5a5;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: #a1a1aa;
- }
-
- :-moz-placeholder {
- color: #a1a1aa;
- }
-
- ::-moz-placeholder {
- color: #a1a1aa;
- }
-
- :-ms-input-placeholder {
- color: #a1a1aa;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #27272a;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #27272a;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #27272a;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-listbox .p-listbox-list {
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-listbox.p-invalid {
- border-color: #fca5a5;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-multiselect.p-variant-filled {
- background: #27272a;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-password-panel {
- padding: 0 1.125rem 1.125rem 1.125rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #3f3f46;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f87171;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #fbbf24;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #4ade80;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #3f3f46;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #3f3f46;
- background: #09090b;
- width: 1.25rem;
- height: 1.25rem;
- color: #ffffff;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 0.75rem;
- height: 0.75rem;
- transition-duration: 0.2s;
- background-color: #60a5fa;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #60a5fa;
- background: #020617;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #52525b;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #93c5fd;
- background: #020617;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #93c5fd;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #fca5a5;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #020617;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #020617;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #020617;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #020617;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-size: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f87171;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #60a5fa;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #60a5fa;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #ef4444;
- }
-
- .p-selectbutton .p-button {
- background: #09090b;
- border: 1px solid #09090b;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #a1a1aa;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #3f3f46;
- border: 0 none;
- border-radius: 6px;
- }
- .p-slider.p-slider-horizontal {
- height: 3px;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px;
- }
- .p-slider.p-slider-vertical {
- width: 3px;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px;
- }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #3f3f46;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-slider .p-slider-range {
- background: #60a5fa;
- border-radius: 6px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #3f3f46;
- border-color: transparent;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-treeselect.p-variant-filled {
- background: #27272a;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #27272a;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #09090b;
- border-radius: 6px;
- }
- .p-togglebutton .p-button {
- background: #09090b;
- border: 1px solid #09090b;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #a1a1aa;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #020617;
- background: #60a5fa;
- border: 1px solid #60a5fa;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #93c5fd;
- color: #020617;
- border-color: #93c5fd;
- }
- .p-button:not(:disabled):active {
- background: #bfdbfe;
- color: #020617;
- border-color: #bfdbfe;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #60a5fa;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(96, 165, 250, 0.04);
- color: #60a5fa;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(96, 165, 250, 0.16);
- color: #60a5fa;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #a1a1aa;
- border-color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #60a5fa;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(96, 165, 250, 0.04);
- color: #60a5fa;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(96, 165, 250, 0.16);
- color: #60a5fa;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #a1a1aa;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #a1a1aa;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
- .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #60a5fa;
- background-color: #020617;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.5rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.5rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.5rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(39, 39, 42, 0.04);
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(39, 39, 42, 0.16);
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #27272a;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(39, 39, 42, 0.04);
- border-color: transparent;
- color: #27272a;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(39, 39, 42, 0.16);
- border-color: transparent;
- color: #27272a;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #082f49;
- background: #38bdf8;
- border: 1px solid #38bdf8;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #7dd3fc;
- color: #082f49;
- border-color: #7dd3fc;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #bae6fd;
- color: #082f49;
- border-color: #bae6fd;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(56, 189, 248, 0.04);
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(56, 189, 248, 0.16);
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #38bdf8;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(56, 189, 248, 0.04);
- border-color: transparent;
- color: #38bdf8;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(56, 189, 248, 0.16);
- border-color: transparent;
- color: #38bdf8;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #052e16;
- background: #4ade80;
- border: 1px solid #4ade80;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #86efac;
- color: #052e16;
- border-color: #86efac;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #bbf7d0;
- color: #052e16;
- border-color: #bbf7d0;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(74, 222, 128, 0.04);
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(74, 222, 128, 0.16);
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #4ade80;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(74, 222, 128, 0.04);
- border-color: transparent;
- color: #4ade80;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(74, 222, 128, 0.16);
- border-color: transparent;
- color: #4ade80;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #431407;
- background: #fb923c;
- border: 1px solid #fb923c;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #fdba74;
- color: #431407;
- border-color: #fdba74;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #fed7aa;
- color: #431407;
- border-color: #fed7aa;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(251, 146, 60, 0.04);
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(251, 146, 60, 0.16);
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #fb923c;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(251, 146, 60, 0.04);
- border-color: transparent;
- color: #fb923c;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(251, 146, 60, 0.16);
- border-color: transparent;
- color: #fb923c;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #3b0764;
- background: #c084fc;
- border: 1px solid #c084fc;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #d8b4fe;
- color: #3b0764;
- border-color: #d8b4fe;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #e9d5ff;
- color: #3b0764;
- border-color: #e9d5ff;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(192, 132, 252, 0.04);
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(192, 132, 252, 0.16);
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #c084fc;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(192, 132, 252, 0.04);
- border-color: transparent;
- color: #c084fc;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(192, 132, 252, 0.16);
- border-color: transparent;
- color: #c084fc;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #450a0a;
- background: #f87171;
- border: 1px solid #f87171;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #fca5a5;
- color: #450a0a;
- border-color: #fca5a5;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #fecaca;
- color: #450a0a;
- border-color: #fecaca;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(248, 113, 113, 0.04);
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(248, 113, 113, 0.16);
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #f87171;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(248, 113, 113, 0.04);
- border-color: transparent;
- color: #f87171;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(248, 113, 113, 0.16);
- border-color: transparent;
- color: #f87171;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #09090b;
- background: #ffffff;
- border: 1px solid #ffffff;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #f4f4f5;
- color: #09090b;
- border-color: #f4f4f5;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #e4e4e7;
- color: #09090b;
- border-color: #e4e4e7;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #ffffff;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: transparent;
- color: #ffffff;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- border-color: transparent;
- color: #ffffff;
- }
-
- .p-button.p-button-link {
- color: #60a5fa;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #60a5fa;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #60a5fa;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-speeddial-action {
- width: 2.5rem;
- height: 2.5rem;
- background: #3f3f46;
- color: #a1a1aa;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-speeddial-action:hover {
- background: #3f3f46;
- color: #ffffff;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 6px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 6px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #3f3f46;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #3f3f46;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #a1a1aa;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: 0 none;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #18181b;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(96, 165, 250, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(96, 165, 250, 0.16);
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-datatable .p-column-resizer-helper {
- background: #60a5fa;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #18181b;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #1f1f22;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #18181b;
- color: #ffffff;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-clear-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-overlay {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.25rem 0.25rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-bottom: 1px solid #3f3f46;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-orderlist .p-orderlist-header {
- color: #ffffff;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #3f3f46;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #1f1f22;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(7, 99, 212, 0.16);
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #3f3f46;
- border-color: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #3f3f46;
- border-color: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #18181b;
- color: #ffffff;
- border: solid #3f3f46;
- border-width: 0;
- padding: 0.5rem 1rem;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: #ffffff;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 50%;
- border-bottom-left-radius: 50%;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 50%;
- border-bottom-right-radius: 50%;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.5rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.5rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(96, 165, 250, 0.16);
- border-color: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: #ffffff;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-picklist .p-picklist-header {
- color: #ffffff;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #3f3f46;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #1f1f22;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #3f3f46;
- border-radius: 50%;
- width: 1.125rem;
- height: 1.125rem;
- background-color: #020617;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #3f3f46;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-radius: 6px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0 0;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- padding: 0.25rem 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #a1a1aa;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #ffffff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- }
- .p-treetable .p-sortable-column {
- outline-color: var(--p-focus-ring-color);
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #a1a1aa;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #18181b;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #ffffff;
- }
- .p-treetable .p-column-resizer-helper {
- background: #60a5fa;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #18181b;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #a1a1aa;
- background: #18181b;
- font-weight: 600;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #18181b;
- background: #18181b;
- color: #ffffff;
- }
- .p-accordion .p-accordion-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-card {
- background: #18181b;
- color: #ffffff;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-card .p-card-body {
- padding: 1.5rem;
- }
- .p-card .p-card-title {
- font-size: 1.25rem;
- font-weight: 600;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #a1a1aa;
- }
- .p-card .p-card-content {
- padding: 0 0 0 0;
- }
- .p-card .p-card-footer {
- padding: 0 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-radius: 6px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- background: #18181b;
- font-weight: 600;
- border-radius: 6px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1.125rem;
- color: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: #ffffff;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #18181b;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #3f3f46;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #3f3f46;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #3f3f46;
- padding: 1.125rem;
- background: #18181b;
- color: #ffffff;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.75rem 1.125rem;
- }
- .p-panel .p-panel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panel .p-panel-footer {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #3f3f46;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #3f3f46;
- background: #18181b;
- border-radius: 6px;
- color: #ffffff;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- background: #3f3f46;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #3f3f46;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #18181b;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #a1a1aa;
- border: 1px solid #3f3f46;
- border-width: 2px;
- background: #18181b;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #ffffff;
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #ffffff;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #60a5fa;
- }
- .p-stepper .p-stepper-panels {
- background: #18181b;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- color: #ffffff;
- }
- .p-stepper .p-stepper-separator {
- background-color: #3f3f46;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #18181b;
- color: #ffffff;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #60a5fa;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-width: 0 0 1px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #3f3f46;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #3f3f46 transparent;
- background: #18181b;
- color: #a1a1aa;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #60a5fa;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #18181b;
- color: #60a5fa;
- width: 2.5rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-panels {
- background: #18181b;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #18181b;
- border: 1px solid #3f3f46;
- padding: 1.125rem;
- border-radius: 6px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(24, 24, 27, 0);
- border-bottom-color: #18181b;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(63, 63, 70, 0);
- border-bottom-color: #3c3c43;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #18181b;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #3f3f46;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- border: 1px solid #3f3f46;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 1.5rem;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #18181b;
- color: #ffffff;
- padding: 0 1.5rem 1.5rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #60a5fa;
- color: #020617;
- width: 1.75rem;
- height: 1.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -0.875rem;
- right: -0.875rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #93c5fd;
- color: #020617;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(24, 24, 27, 0);
- border-bottom-color: #18181b;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(63, 63, 70, 0);
- border-bottom-color: #3c3c43;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #18181b;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #3f3f46;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1.125rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #3f3f46;
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #3f3f46;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #18181b;
- padding: 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fileupload .p-fileupload-content {
- background: #18181b;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #60a5fa;
- background-color: rgba(96, 165, 250, 0.16);
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #93c5fd;
- color: #020617;
- border-color: #93c5fd;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #bfdbfe;
- color: #020617;
- border-color: #bfdbfe;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #18181b;
- border: 0 none;
- border-radius: 6px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #71717a;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #ffffff;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #71717a;
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-contextmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 6px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-dock .p-dock-link {
- width: 3rem;
- height: 3rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem 0.5rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 2px 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-megamenu-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0.25rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #71717a;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 2px 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu.p-menu-overlay {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem 0.5rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem {
- margin: 2px 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- border-radius: 6px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #71717a;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.5rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 0 none;
- color: #a1a1aa;
- background: #18181b;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #a1a1aa;
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #18181b;
- background: #18181b;
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0.25rem;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #18181b;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #a1a1aa;
- border: 1px solid #3f3f46;
- background: #18181b;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #ffffff;
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 500;
- color: #ffffff;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #3f3f46;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-width: 0 0 1px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #3f3f46;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #3f3f46 transparent;
- background: #18181b;
- color: #a1a1aa;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #60a5fa;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.75rem;
- margin: 0;
- border-radius: 6px;
- }
- .p-inline-message.p-inline-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #3b82f6;
- }
- .p-inline-message.p-inline-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #22c55e;
- }
- .p-inline-message.p-inline-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #eab308;
- }
- .p-inline-message.p-inline-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #ef4444;
- }
- .p-inline-message.p-inline-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-inline-message.p-inline-message-secondary .p-inline-message-icon {
- color: #d4d4d8;
- }
- .p-inline-message.p-inline-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-inline-message.p-inline-message-contrast .p-inline-message-icon {
- color: #09090b;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 6px;
- }
- .p-message .p-message-wrapper {
- padding: 0.5rem 0.75rem;
- }
- .p-message .p-message-close {
- width: 1.75rem;
- height: 1.75rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-message.p-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-message.p-message-info .p-message-icon {
- color: #3b82f6;
- }
- .p-message.p-message-info .p-message-close {
- color: #3b82f6;
- }
- .p-message.p-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-message.p-message-success .p-message-icon {
- color: #22c55e;
- }
- .p-message.p-message-success .p-message-close {
- color: #22c55e;
- }
- .p-message.p-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #eab308;
- }
- .p-message.p-message-warn .p-message-close {
- color: #eab308;
- }
- .p-message.p-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-message.p-message-error .p-message-icon {
- color: #ef4444;
- }
- .p-message.p-message-error .p-message-close {
- color: #ef4444;
- }
- .p-message.p-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-icon {
- color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-close {
- color: #d4d4d8;
- }
- .p-message.p-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-message.p-message-contrast .p-message-icon {
- color: #09090b;
- }
- .p-message.p-message-contrast .p-message-close {
- color: #09090b;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1rem;
- height: 1rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 0.75rem;
- border-width: 1px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 1.125rem;
- height: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 500;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.125rem;
- height: 1.125rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- color: #d4d4d8;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- color: #09090b;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #a1a1aa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #a1a1aa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #ffffff;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #3f3f46;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #3f3f46;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #a1a1aa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #a1a1aa;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #ffffff;
- background-color: rgba(255, 255, 255, 0.03);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #3f3f46;
- border-radius: 6px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #18181b;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #60a5fa;
- color: #020617;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-badge.p-badge-success {
- background-color: #4ade80;
- color: #052e16;
- }
- .p-badge.p-badge-info {
- background-color: #38bdf8;
- color: #082f49;
- }
- .p-badge.p-badge-warning {
- background-color: #fb923c;
- color: #431407;
- }
- .p-badge.p-badge-danger {
- background-color: #f87171;
- color: #450a0a;
- }
- .p-badge.p-badge-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-badge.p-badge-contrast {
- background-color: #ffffff;
- color: #09090b;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 6px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #60a5fa;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #60a5fa;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.25rem;
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #60a5fa;
- }
- .p-progressbar .p-progressbar-label {
- color: #020617;
- line-height: 1.25rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #ef4444;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #ef4444;
- }
- 40% {
- stroke: #3b82f6;
- }
- 66% {
- stroke: #22c55e;
- }
- 80%, 90% {
- stroke: #eab308;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-scrolltop.p-link {
- background: #3f3f46;
- }
- .p-scrolltop.p-link:hover {
- background: #3f3f46;
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #ffffff;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 6px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #60a5fa;
- color: #020617;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
- }
- .p-tag.p-tag-success {
- background-color: #4ade80;
- color: #052e16;
- }
- .p-tag.p-tag-info {
- background-color: #38bdf8;
- color: #082f49;
- }
- .p-tag.p-tag-warning {
- background-color: #fb923c;
- color: #431407;
- }
- .p-tag.p-tag-danger {
- background-color: #f87171;
- color: #450a0a;
- }
- .p-tag.p-tag-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-tag.p-tag-contrast {
- background-color: #ffffff;
- color: #09090b;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primevue {
- .p-accordion .p-accordion-header .p-accordion-header-link {
- border-radius: 6px !important;
- flex-direction: row-reverse;
- justify-content: space-between;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link:hover {
- border-bottom-color: #18181b;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- transform: rotate(90deg);
- }
- .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon {
- transform: rotate(-180deg);
- }
- .p-accordion .p-accordion-tab {
- border-bottom: 1px solid #27272a;
- }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom: 0 none;
- }
-
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.375rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete.p-disabled {
- opacity: 1;
- }
-
- .p-button-label {
- font-weight: 500;
- }
-
- .p-button.p-button-success:enabled:focus-visible {
- outline-color: #4ade80;
- }
- .p-button.p-button-info:enabled:focus-visible {
- outline-color: #38bdf8;
- }
- .p-button.p-button-warning:enabled:focus-visible {
- outline-color: #fb923c;
- }
- .p-button.p-button-help:enabled:focus-visible {
- outline-color: #c084fc;
- }
- .p-button.p-button-danger:enabled:focus-visible {
- outline-color: #f87171;
- }
- .p-button.p-button-contrast:enabled:focus-visible {
- outline-color: #ffffff;
- }
- .p-button.p-button-outlined {
- border-color: rgba(96, 165, 250, 0.44);
- }
- .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active {
- border-color: rgba(96, 165, 250, 0.44);
- }
- .p-button.p-button-outlined.p-button-secondary {
- border-color: rgba(82, 82, 91, 0.48);
- color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover {
- color: #a1a1aa;
- background-color: rgba(255, 255, 255, 0.04);
- border-color: rgba(82, 82, 91, 0.48);
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):active {
- color: #a1a1aa;
- background-color: rgba(255, 255, 255, 0.16);
- border-color: rgba(82, 82, 91, 0.48);
- }
- .p-button.p-button-outlined.p-button-success {
- border-color: rgba(21, 128, 61, 0.44);
- }
- .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active {
- border-color: rgba(21, 128, 61, 0.44);
- }
- .p-button.p-button-outlined.p-button-info {
- border-color: rgba(29, 78, 216, 0.44);
- }
- .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active {
- border-color: rgba(29, 78, 216, 0.44);
- }
- .p-button.p-button-outlined.p-button-warning {
- border-color: rgba(161, 98, 7, 0.44);
- }
- .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active {
- border-color: rgba(161, 98, 7, 0.44);
- }
- .p-button.p-button-outlined.p-button-help {
- border-color: rgba(109, 40, 217, 0.44);
- }
- .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active {
- border-color: rgba(109, 40, 217, 0.44);
- }
- .p-button.p-button-outlined.p-button-danger {
- border-color: rgba(185, 28, 28, 0.44);
- }
- .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active {
- border-color: rgba(185, 28, 28, 0.44);
- }
- .p-button.p-button-outlined.p-button-contrast {
- border-color: rgba(255, 255, 255, 0.44);
- }
- .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active {
- border-color: rgba(255, 255, 255, 0.44);
- }
- .p-button.p-button-secondary.p-button-text {
- color: #a1a1aa;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover {
- background-color: rgba(255, 255, 255, 0.04);
- color: #a1a1aa;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active {
- background-color: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
-
- .p-datepicker-buttonbar .p-button {
- padding: 0.25rem 0.75rem;
- font-size: 0.875rem;
- }
-
- .p-datepicker .p-datepicker-group-container + .p-timepicker {
- margin-top: 0.5rem;
- padding-top: 0.5rem;
- }
- .p-datepicker table th {
- font-weight: 500;
- }
-
- .p-card {
- border-radius: 12px;
- display: flex;
- flex-direction: column;
- }
- .p-card .p-card-caption {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-card .p-card-caption .p-card-title,
-.p-card .p-card-caption .p-card-subtitle {
- margin-bottom: 0;
- }
- .p-card .p-card-body {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #60a5fa;
- }
-
- .p-cascadeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-cascadeselect .p-cascadeselect-label {
- box-shadow: none;
- }
- .p-cascadeselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-cascadeselect.p-disabled .p-cascadeselect-label {
- background-color: #3f3f46;
- color: #a1a1aa;
- }
-
- div.p-cascadeselect-panel {
- border: 0 none;
- box-shadow: none;
- }
-
- .p-checkbox .p-checkbox-box {
- border-radius: 4px;
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
- border-color: #60a5fa;
- }
- .p-checkbox.p-disabled {
- opacity: 1;
- }
- .p-checkbox.p-disabled .p-checkbox-box {
- background-color: #3f3f46;
- border: 1px solid #3f3f46;
- }
- .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {
- color: #a1a1aa;
- }
-
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.375rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips.p-disabled .p-chips-multiple-container {
- opacity: 1;
- background-color: #3f3f46;
- }
-
- .p-chip {
- border-radius: 16px;
- padding: 0.25rem 0.75rem;
- }
- .p-chip .p-chip-text {
- margin-top: 0;
- margin-bottom: 0;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.375rem;
- }
- .p-chip:has(.p-chip-remove-icon) {
- padding-right: 0.5rem;
- }
- .p-chip img {
- margin-left: -0.5rem;
- }
-
- .p-colorpicker-preview {
- padding: 0;
- }
- .p-colorpicker-preview:enabled:focus {
- outline-offset: 2px;
- }
- .p-colorpicker-preview.p-inputtext.p-disabled {
- opacity: 0.6;
- }
-
- .p-confirm-popup {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #60a5fa;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #60a5fa;
- }
- .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: rgba(62, 146, 249, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight > td {
- border-bottom-color: rgba(62, 146, 249, 0.16);
- }
-
- .p-dataview-layout-options.p-selectbutton .p-button svg {
- position: relative;
- }
-
- .p-dialog {
- border-radius: 12px;
- background-color: #18181b;
- }
- .p-dialog.p-dialog-maximized {
- border-radius: 0;
- }
- .p-dialog .p-dialog-header {
- border-top-right-radius: 12px;
- border-top-left-radius: 12px;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
- .p-dialog .p-dialog-footer {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
-
- .p-dropdown {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-dropdown .p-dropdown-label {
- box-shadow: none;
- }
- .p-dropdown.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-dropdown.p-disabled .p-dropdown-label {
- color: #a1a1aa;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- margin-left: -0.375rem;
- margin-right: 0.375rem;
- }
-
- .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: rgba(62, 146, 249, 0.16);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td {
- border-bottom-color: rgba(62, 146, 249, 0.16);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover {
- background-color: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-fieldset {
- padding: 0 1.125rem 1.125rem 1.125rem;
- margin: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text {
- padding: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- color: #a1a1aa;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background-color: rgba(255, 255, 255, 0.03);
- }
- .p-fieldset .p-fieldset-legend {
- border: 0 none;
- padding: 0;
- margin-bottom: 0.375rem;
- }
- .p-fieldset .p-fieldset-legend span {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0;
- }
-
- .p-column-filter-overlay-menu {
- padding: 0.75rem;
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraints {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 0 0 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button {
- margin-bottom: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0;
- }
-
- .p-fileupload .p-fileupload-content {
- border-top: 0 none;
- padding-top: 1.125rem;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #60a5fa;
- }
-
- .p-inline-message-text {
- font-weight: 500;
- }
-
- .p-inline-message {
- backdrop-filter: blur(10px);
- }
-
- .p-inline-message.p-inline-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
-
- .p-inline-message.p-inline-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
-
- .p-inline-message.p-inline-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
-
- .p-inline-message.p-inline-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
-
- .p-inline-message.p-inline-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
-
- .p-inline-message.p-inline-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
-
- .p-inputgroup-addon {
- padding: 0.5rem;
- }
-
- .p-inputnumber.p-inputnumber-buttons-stacked {
- position: relative;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- position: absolute;
- top: 1px;
- right: 1px;
- height: calc(100% - 2px);
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #3f3f46;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up {
- border-left: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down {
- border-right: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #3f3f46;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up {
- border-bottom: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down {
- border-top: 0 none;
- }
-
- .p-inputswitch .p-inputswitch-slider {
- border: 0 none;
- }
- .p-inputswitch.p-highlight p-inputswitch-slider:before {
- left: 1.25rem;
- transform: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- background: #fca5a5;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
- background: #18181b;
- }
-
- .p-inputtext {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
-
- .p-inputtext:disabled {
- opacity: 1;
- background-color: #3f3f46;
- color: #a1a1aa;
- }
-
- .p-knob svg {
- border-radius: 6px;
- outline-color: transparent;
- transition: outline-color 0.2s;
- }
- .p-knob svg:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-listbox {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-listbox.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-listbox.p-disabled .p-listbox-list .p-listbox-item {
- color: #a1a1aa;
- }
-
- .p-message {
- backdrop-filter: blur(10px);
- }
-
- .p-message.p-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-message.p-message-info .p-message-close:focus-visible {
- outline-color: #3b82f6;
- }
- .p-message.p-message-info .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-message.p-message-success .p-message-close:focus-visible {
- outline-color: #22c55e;
- }
- .p-message.p-message-success .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-message.p-message-warn .p-message-close:focus-visible {
- outline-color: #eab308;
- }
- .p-message.p-message-warn .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-message.p-message-error .p-message-close:focus-visible {
- outline-color: #ef4444;
- }
- .p-message.p-message-error .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-message.p-message-secondary .p-message-close:focus-visible {
- outline-color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-close:hover {
- background: #3f3f46;
- }
-
- .p-message.p-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-message.p-message-contrast .p-message-close:focus-visible {
- outline-color: #09090b;
- }
- .p-message.p-message-contrast .p-message-close:hover {
- background: #f4f4f5;
- }
-
- .p-multiselect-panel .p-multiselect-header {
- padding-left: 1rem;
- padding-right: 1rem;
- }
-
- .p-multiselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-multiselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-multiselect.p-disabled .p-multiselect-label {
- color: #a1a1aa;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- border-radius: 4px;
- margin-right: 0.25rem;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.375rem;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header {
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action {
- background: rgba(255, 255, 255, 0.08);
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- font-weight: 600;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- /*line-height: 1.5;*/
- }
- .p-panelmenu .p-panelmenu-content {
- border-radius: 6px;
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-panel {
- padding: 0.25rem 0.25rem;
- overflow: hidden;
- margin-bottom: 0.75rem;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
-
- .p-password-panel {
- background-color: #18181b;
- border: 1px solid #3f3f46;
- padding: 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.75rem;
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength {
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f87171;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #fbbf24;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #4ade80;
- }
-
- .p-orderlist-controls .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-orderlist-controls .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-orderlist-controls .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-orderlist-controls .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
-
- .p-orderlist .p-orderlist-header {
- background: #18181b;
- color: #ffffff;
- border: 0 none;
- border-bottom: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #a1a1aa;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list {
- border: 1px solid #3f3f46;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- border-radius: 6px;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-organizationchart .p-organizationchart-node-content {
- padding: 0.75rem 1rem;
- border-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid #3f3f46;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: static;
- }
- .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) {
- padding: 0.75rem 1rem 1.25rem 1rem;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
- border-right: 0 none;
- }
- .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) {
- border-top-right-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) {
- border-left: 1px solid #3f3f46;
- border-top-left-radius: 6px;
- }
-
- .p-overlaypanel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.75rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- position: absolute;
- top: 0.25rem;
- right: 0.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-overlaypanel .p-overlaypanel-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-panel {
- border: 1px solid #3f3f46;
- border-radius: 6px;
- background-color: #18181b;
- }
- .p-panel .p-panel-header,
-.p-panel .p-panel-content,
-.p-panel .p-panel-footer {
- background: transparent;
- border: 0 none;
- }
- .p-panel:has(.p-panel-footer) .p-panel-content {
- padding-bottom: 0.875rem;
- }
-
- .p-picklist-buttons .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-picklist-buttons .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-picklist-buttons .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-picklist-buttons .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
-
- .p-picklist .p-picklist-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #a1a1aa;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-picklist .p-picklist-list {
- border: 1px solid #3f3f46;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- border-radius: 6px;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-progressbar-label {
- font-size: 0.75rem;
- font-weight: 600;
- }
-
- .p-radiobutton .p-radiobutton-box {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box {
- border-color: #60a5fa;
- }
- .p-radiobutton.p-disabled {
- opacity: 1;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box {
- border: 1px solid #3f3f46;
- background-color: #3f3f46;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon {
- background-color: #a1a1aa;
- }
-
- .p-rating {
- gap: 0.25rem;
- }
-
- .p-selectbutton .p-button .pi,
-.p-selectbutton .p-button .p-button-label {
- position: relative;
- transition: none;
- }
- .p-selectbutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-selectbutton .p-button.p-highlight::before {
- background: #27272a;
- border-color: #27272a;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-selectbutton .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-selectbutton .p-button.p-disabled {
- opacity: 1;
- color: #71717a;
- }
- .p-selectbutton.p-invalid {
- box-shadow: 0 0 0 1px #fca5a5;
- border-radius: 6px;
- }
- .p-selectbutton.p-invalid > .p-button {
- border: 1px solid #09090b;
- }
- .p-selectbutton.p-disabled {
- opacity: 1;
- }
- .p-selectbutton.p-disabled .p-button {
- color: #71717a;
- }
-
- .p-slider .p-slider-handle {
- display: flex !important;
- justify-content: center;
- align-items: center;
- }
- .p-slider .p-slider-handle::before {
- content: "";
- width: 16px;
- height: 16px;
- display: block;
- background-color: #09090b;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline-color: #b0d2fd;
- }
-
- .p-speeddial-button.p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-splitter-gutter-handle {
- border-radius: 6px;
- }
-
- .p-stepper .p-stepper-header .p-stepper-number {
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #18181b;
- color: #60a5fa;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #60a5fa;
- }
-
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- border-width: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-steps-number {
- position: relative;
- font-weight: 500;
- }
- .p-steps .p-steps-item .p-steps-number::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #18181b;
- color: #60a5fa;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- color: #60a5fa;
- }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1;
- }
- .p-steps .p-steps-item:before {
- border-top-width: 2px;
- margin-top: calc(-1rem + 1px);
- }
- .p-steps .p-steps-item:first-child::before {
- width: calc(50% + 1rem);
- transform: translateX(100%);
- }
- .p-steps .p-steps-item:last-child::before {
- width: 50%;
- }
-
- .p-tabmenu .p-tabmenu-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: -1px;
- height: 1px;
- background-color: #60a5fa;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabmenu .p-tabmenu-nav {
- position: relative;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-tabview .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 1px;
- background-color: #60a5fa;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabview .p-tabview-nav {
- position: relative;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5);
- }
- .p-tabview .p-tabview-nav-btn.p-link:hover {
- color: #ffffff;
- }
-
- .p-tag {
- background: color-mix(in srgb, var(--primary-500), transparent 80%);
- color: var(--primary-300);
- }
- .p-tag.p-tag-success {
- background: rgba(34, 197, 94, 0.16);
- color: #22c55e;
- }
- .p-tag.p-tag-info {
- background: rgba(59, 130, 246, 0.16);
- color: #3b82f6;
- }
- .p-tag.p-tag-warning {
- background: rgba(234, 179, 8, 0.16);
- color: #eab308;
- }
- .p-tag.p-tag-danger {
- background: rgba(239, 68, 68, 0.16);
- color: #ef4444;
- }
-
- .p-terminal {
- background: #09090b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- }
- .p-terminal .p-terminal-prompt {
- margin-right: 0.25rem;
- }
- .p-terminal .p-terminal-response {
- margin: 2px 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- position: relative;
- }
- .p-timeline .p-timeline-event-marker::before {
- content: " ";
- border-radius: 50%;
- width: 0.375rem;
- height: 0.375rem;
- background-color: #60a5fa;
- }
- .p-timeline .p-timeline-event-marker::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-toast .p-toast-message {
- backdrop-filter: blur(10px);
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- font-size: 0.875rem;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.75rem;
- height: 1.75rem;
- margin-top: -25%;
- right: -25%;
- position: relative;
- }
-
- .p-toast .p-toast-message.p-toast-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- outline-color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- outline-color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- outline-color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover {
- background: #3f3f46;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover {
- background: #f4f4f5;
- }
-
- .p-togglebutton .p-button .p-button-label,
-.p-togglebutton .p-button .p-button-icon {
- position: relative;
- transition: none;
- }
- .p-togglebutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-togglebutton.p-highlight .p-button::before {
- background: #27272a;
- border-color: #27272a;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-togglebutton.p-disabled {
- opacity: 1;
- }
- .p-togglebutton.p-disabled .p-button {
- color: #71717a;
- }
- .p-togglebutton.p-disabled .p-button .p-button-icon {
- color: #71717a;
- }
-
- .p-toolbar {
- padding: 0.75rem;
- }
-
- .p-tree {
- border: 0 none;
- padding: 1rem;
- }
- .p-tree .p-tree-container .p-treenode {
- margin: 2px 0;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline-offset: -2px;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover {
- background-color: rgba(96, 165, 250, 0.16);
- }
- .p-tree .p-tree-container > .p-treenode:first-child {
- margin-top: 0;
- }
- .p-tree .p-tree-container > .p-treenode:last-child {
- margin-bottom: 0;
- }
-
- .p-treeselect-panel .p-tree {
- padding: 0.25rem 0.25rem;
- }
-
- .p-treeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-treeselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-treeselect.p-disabled .p-treeselect-label {
- color: #a1a1aa;
- }
-}
diff --git a/public/themes/aura-dark-cyan/fonts/Inter-italic.var.woff2 b/public/themes/aura-dark-cyan/fonts/Inter-italic.var.woff2
deleted file mode 100644
index b826d5a..0000000
Binary files a/public/themes/aura-dark-cyan/fonts/Inter-italic.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-dark-cyan/fonts/Inter-roman.var.woff2 b/public/themes/aura-dark-cyan/fonts/Inter-roman.var.woff2
deleted file mode 100644
index 6a256a0..0000000
Binary files a/public/themes/aura-dark-cyan/fonts/Inter-roman.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-dark-cyan/theme.css b/public/themes/aura-dark-cyan/theme.css
deleted file mode 100644
index 08e4585..0000000
--- a/public/themes/aura-dark-cyan/theme.css
+++ /dev/null
@@ -1,12113 +0,0 @@
-:root {
- font-family: "Inter var", sans-serif;
- font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- font-variation-settings: normal;
- --font-family: "Inter var", sans-serif;
- --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- --text-color: #ffffff;
- --text-color-secondary: #a1a1aa;
- --primary-color: #22d3ee;
- --primary-color-text: #020617;
- --surface-0: #18181b;
- --surface-50: #27272a;
- --surface-100: #3f3f46;
- --surface-200: #52525b;
- --surface-300: #71717a;
- --surface-400: #a1a1aa;
- --surface-500: #d4d4d8;
- --surface-600: #e4e4e7;
- --surface-700: #f4f4f5;
- --surface-800: #fafafa;
- --surface-900: #ffffff;
- --gray-0: #ffffff;
- --gray-50: #fafafa;
- --gray-100: #f4f4f5;
- --gray-200: #e4e4e7;
- --gray-300: #d4d4d8;
- --gray-400: #a1a1aa;
- --gray-500: #71717a;
- --gray-600: #52525b;
- --gray-700: #3f3f46;
- --gray-800: #27272a;
- --gray-900: #18181b;
- --content-padding: 1.125rem;
- --inline-spacing: 0.5rem;
- --border-radius: 6px;
- --surface-ground: #09090b;
- --surface-section: #18181b;
- --surface-card: #18181b;
- --surface-overlay: #18181b;
- --surface-border: #27272a;
- --surface-hover: rgba(255, 255, 255, 0.03);
- --focus-ring: none;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: rgba(34, 211, 238, 0.16);
- --highlight-text-color: rgba(255, 255, 255, 0.87);
- --p-anchor-gutter: 2px;
- color-scheme: dark;
-}
-
-:root {
- --p-focus-ring-color: var(--primary-color);
-}
-
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: normal;
- font-named-instance: "Regular";
- src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
-}
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: italic;
- font-named-instance: "Italic";
- src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
-}
-:root {
- --blue-50:#f5f9ff;
- --blue-100:#d0e1fd;
- --blue-200:#abc9fb;
- --blue-300:#85b2f9;
- --blue-400:#609af8;
- --blue-500:#3b82f6;
- --blue-600:#326fd1;
- --blue-700:#295bac;
- --blue-800:#204887;
- --blue-900:#183462;
- --green-50:#f4fcf7;
- --green-100:#caf1d8;
- --green-200:#a0e6ba;
- --green-300:#76db9b;
- --green-400:#4cd07d;
- --green-500:#22c55e;
- --green-600:#1da750;
- --green-700:#188a42;
- --green-800:#136c34;
- --green-900:#0e4f26;
- --yellow-50:#fefbf3;
- --yellow-100:#faedc4;
- --yellow-200:#f6de95;
- --yellow-300:#f2d066;
- --yellow-400:#eec137;
- --yellow-500:#eab308;
- --yellow-600:#c79807;
- --yellow-700:#a47d06;
- --yellow-800:#816204;
- --yellow-900:#5e4803;
- --cyan-50:#f3fbfd;
- --cyan-100:#c3edf5;
- --cyan-200:#94e0ed;
- --cyan-300:#65d2e4;
- --cyan-400:#35c4dc;
- --cyan-500:#06b6d4;
- --cyan-600:#059bb4;
- --cyan-700:#047f94;
- --cyan-800:#036475;
- --cyan-900:#024955;
- --pink-50:#fef6fa;
- --pink-100:#fad3e7;
- --pink-200:#f7b0d3;
- --pink-300:#f38ec0;
- --pink-400:#f06bac;
- --pink-500:#ec4899;
- --pink-600:#c93d82;
- --pink-700:#a5326b;
- --pink-800:#822854;
- --pink-900:#5e1d3d;
- --indigo-50:#f7f7fe;
- --indigo-100:#dadafc;
- --indigo-200:#bcbdf9;
- --indigo-300:#9ea0f6;
- --indigo-400:#8183f4;
- --indigo-500:#6366f1;
- --indigo-600:#5457cd;
- --indigo-700:#4547a9;
- --indigo-800:#363885;
- --indigo-900:#282960;
- --teal-50:#f3fbfb;
- --teal-100:#c7eeea;
- --teal-200:#9ae0d9;
- --teal-300:#6dd3c8;
- --teal-400:#41c5b7;
- --teal-500:#14b8a6;
- --teal-600:#119c8d;
- --teal-700:#0e8174;
- --teal-800:#0b655b;
- --teal-900:#084a42;
- --orange-50:#fff8f3;
- --orange-100:#feddc7;
- --orange-200:#fcc39b;
- --orange-300:#fba86f;
- --orange-400:#fa8e42;
- --orange-500:#f97316;
- --orange-600:#d46213;
- --orange-700:#ae510f;
- --orange-800:#893f0c;
- --orange-900:#642e09;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dadee3;
- --bluegray-200:#bcc3cd;
- --bluegray-300:#9fa9b7;
- --bluegray-400:#818ea1;
- --bluegray-500:#64748b;
- --bluegray-600:#556376;
- --bluegray-700:#465161;
- --bluegray-800:#37404c;
- --bluegray-900:#282e38;
- --purple-50:#fbf7ff;
- --purple-100:#ead6fd;
- --purple-200:#dab6fc;
- --purple-300:#c996fa;
- --purple-400:#b975f9;
- --purple-500:#a855f7;
- --purple-600:#8f48d2;
- --purple-700:#763cad;
- --purple-800:#5c2f88;
- --purple-900:#432263;
- --red-50:#fff5f5;
- --red-100:#ffd0ce;
- --red-200:#ffaca7;
- --red-300:#ff8780;
- --red-400:#ff6259;
- --red-500:#ff3d32;
- --red-600:#d9342b;
- --red-700:#b32b23;
- --red-800:#8c221c;
- --red-900:#661814;
- --primary-50:#f4fdfe;
- --primary-100:#caf4fb;
- --primary-200:#a0ecf8;
- --primary-300:#76e4f4;
- --primary-400:#4cdbf1;
- --primary-500:#22d3ee;
- --primary-600:#1db3ca;
- --primary-700:#1894a7;
- --primary-800:#137483;
- --primary-900:#0e545f;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #18181b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #3f3f46;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- padding: 0.25rem 0.25rem;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 0.75rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #3f3f46;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #09090b;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #22d3ee;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #22d3ee;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #22d3ee;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #22d3ee;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.6;
- }
-
- .p-error {
- color: #fca5a5;
- }
-
- .p-text-secondary {
- color: #a1a1aa;
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.25rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #52525b;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #3f3f46;
- color: #ffffff;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-autocomplete-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.25rem 0.25rem;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(34, 211, 238, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
-
- .p-datepicker {
- padding: 0.75rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: transparent;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0 0 0.5rem 0;
- color: #ffffff;
- background: transparent;
- font-weight: 500;
- margin: 0 0 0 0;
- border-bottom: 1px solid #3f3f46;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 1.75rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-weight: 500;
- padding: 0.25rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #22d3ee;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker table th {
- padding: 0.25rem;
- }
- .p-datepicker table th > span {
- width: 2rem;
- height: 2rem;
- }
- .p-datepicker table td {
- padding: 0.25rem;
- }
- .p-datepicker table td > span {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-datepicker table td > span:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #3f3f46;
- color: #ffffff;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.5rem 0 0 0;
- border-top: 1px solid #3f3f46;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #3f3f46;
- padding: 0;
- }
- .p-datepicker .p-timepicker button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #3f3f46;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0.25rem;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #27272a;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #27272a;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #27272a;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-cascadeselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(34, 211, 238, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #3f3f46;
- background: #09090b;
- width: 1.25rem;
- height: 1.25rem;
- color: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #020617;
- font-size: 0.875rem;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #22d3ee;
- background: #22d3ee;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #52525b;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #67e8f9;
- background: #67e8f9;
- color: #020617;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #fca5a5;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #27272a;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #22d3ee;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #27272a;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #67e8f9;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #27272a;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #22d3ee;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #27272a;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #67e8f9;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #52525b;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #3f3f46;
- color: #ffffff;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-colorpicker-panel {
- background: #18181b;
- border: 1px solid #3f3f46;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff;
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-dropdown.p-variant-filled {
- background: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #a1a1aa;
- right: 2.5rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-dropdown-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.25rem 0.25rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(34, 211, 238, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #18181b;
- color: #a1a1aa;
- border-top: 1px solid #3f3f46;
- border-left: 1px solid #3f3f46;
- border-bottom: 1px solid #3f3f46;
- padding: 0.5rem 0.75rem;
- min-width: 2.5rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #3f3f46;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.5rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #27272a;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #27272a;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #27272a;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 2.5rem;
- height: 1.5rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #27272a;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #a1a1aa;
- width: 1rem;
- height: 1rem;
- left: 0.25rem;
- margin-top: -0.5rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #22d3ee;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #020617;
- transform: translateX(1rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #27272a;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #67e8f9;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #fca5a5;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- background: #09090b;
- padding: 0.5rem 0.75rem;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- appearance: none;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #52525b;
- }
- .p-inputtext:enabled:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #fca5a5;
- }
- .p-inputtext.p-variant-filled {
- background-color: #27272a;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #27272a;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #27272a;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: #a1a1aa;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #fca5a5;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: #a1a1aa;
- }
-
- :-moz-placeholder {
- color: #a1a1aa;
- }
-
- ::-moz-placeholder {
- color: #a1a1aa;
- }
-
- :-ms-input-placeholder {
- color: #a1a1aa;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #27272a;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #27272a;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #27272a;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-listbox .p-listbox-list {
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(34, 211, 238, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-listbox.p-invalid {
- border-color: #fca5a5;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-multiselect.p-variant-filled {
- background: #27272a;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(34, 211, 238, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-password-panel {
- padding: 0 1.125rem 1.125rem 1.125rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #3f3f46;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f87171;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #fbbf24;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #4ade80;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #3f3f46;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #3f3f46;
- background: #09090b;
- width: 1.25rem;
- height: 1.25rem;
- color: #ffffff;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 0.75rem;
- height: 0.75rem;
- transition-duration: 0.2s;
- background-color: #22d3ee;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #22d3ee;
- background: #020617;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #52525b;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #67e8f9;
- background: #020617;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #67e8f9;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #fca5a5;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #020617;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #020617;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #020617;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #020617;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-size: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f87171;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #22d3ee;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #22d3ee;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #ef4444;
- }
-
- .p-selectbutton .p-button {
- background: #09090b;
- border: 1px solid #09090b;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #a1a1aa;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #3f3f46;
- border: 0 none;
- border-radius: 6px;
- }
- .p-slider.p-slider-horizontal {
- height: 3px;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px;
- }
- .p-slider.p-slider-vertical {
- width: 3px;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px;
- }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #3f3f46;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-slider .p-slider-range {
- background: #22d3ee;
- border-radius: 6px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #3f3f46;
- border-color: transparent;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-treeselect.p-variant-filled {
- background: #27272a;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #27272a;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #09090b;
- border-radius: 6px;
- }
- .p-togglebutton .p-button {
- background: #09090b;
- border: 1px solid #09090b;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #a1a1aa;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #020617;
- background: #22d3ee;
- border: 1px solid #22d3ee;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #67e8f9;
- color: #020617;
- border-color: #67e8f9;
- }
- .p-button:not(:disabled):active {
- background: #a5f3fc;
- color: #020617;
- border-color: #a5f3fc;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #22d3ee;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(34, 211, 238, 0.04);
- color: #22d3ee;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(34, 211, 238, 0.16);
- color: #22d3ee;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #a1a1aa;
- border-color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #22d3ee;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(34, 211, 238, 0.04);
- color: #22d3ee;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(34, 211, 238, 0.16);
- color: #22d3ee;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #a1a1aa;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #a1a1aa;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
- .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #22d3ee;
- background-color: #020617;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.5rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.5rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.5rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(39, 39, 42, 0.04);
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(39, 39, 42, 0.16);
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #27272a;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(39, 39, 42, 0.04);
- border-color: transparent;
- color: #27272a;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(39, 39, 42, 0.16);
- border-color: transparent;
- color: #27272a;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #082f49;
- background: #38bdf8;
- border: 1px solid #38bdf8;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #7dd3fc;
- color: #082f49;
- border-color: #7dd3fc;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #bae6fd;
- color: #082f49;
- border-color: #bae6fd;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(56, 189, 248, 0.04);
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(56, 189, 248, 0.16);
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #38bdf8;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(56, 189, 248, 0.04);
- border-color: transparent;
- color: #38bdf8;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(56, 189, 248, 0.16);
- border-color: transparent;
- color: #38bdf8;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #052e16;
- background: #4ade80;
- border: 1px solid #4ade80;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #86efac;
- color: #052e16;
- border-color: #86efac;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #bbf7d0;
- color: #052e16;
- border-color: #bbf7d0;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(74, 222, 128, 0.04);
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(74, 222, 128, 0.16);
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #4ade80;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(74, 222, 128, 0.04);
- border-color: transparent;
- color: #4ade80;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(74, 222, 128, 0.16);
- border-color: transparent;
- color: #4ade80;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #431407;
- background: #fb923c;
- border: 1px solid #fb923c;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #fdba74;
- color: #431407;
- border-color: #fdba74;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #fed7aa;
- color: #431407;
- border-color: #fed7aa;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(251, 146, 60, 0.04);
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(251, 146, 60, 0.16);
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #fb923c;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(251, 146, 60, 0.04);
- border-color: transparent;
- color: #fb923c;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(251, 146, 60, 0.16);
- border-color: transparent;
- color: #fb923c;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #3b0764;
- background: #c084fc;
- border: 1px solid #c084fc;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #d8b4fe;
- color: #3b0764;
- border-color: #d8b4fe;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #e9d5ff;
- color: #3b0764;
- border-color: #e9d5ff;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(192, 132, 252, 0.04);
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(192, 132, 252, 0.16);
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #c084fc;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(192, 132, 252, 0.04);
- border-color: transparent;
- color: #c084fc;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(192, 132, 252, 0.16);
- border-color: transparent;
- color: #c084fc;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #450a0a;
- background: #f87171;
- border: 1px solid #f87171;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #fca5a5;
- color: #450a0a;
- border-color: #fca5a5;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #fecaca;
- color: #450a0a;
- border-color: #fecaca;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(248, 113, 113, 0.04);
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(248, 113, 113, 0.16);
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #f87171;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(248, 113, 113, 0.04);
- border-color: transparent;
- color: #f87171;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(248, 113, 113, 0.16);
- border-color: transparent;
- color: #f87171;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #09090b;
- background: #ffffff;
- border: 1px solid #ffffff;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #f4f4f5;
- color: #09090b;
- border-color: #f4f4f5;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #e4e4e7;
- color: #09090b;
- border-color: #e4e4e7;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #ffffff;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: transparent;
- color: #ffffff;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- border-color: transparent;
- color: #ffffff;
- }
-
- .p-button.p-button-link {
- color: #22d3ee;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #22d3ee;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #22d3ee;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-speeddial-action {
- width: 2.5rem;
- height: 2.5rem;
- background: #3f3f46;
- color: #a1a1aa;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-speeddial-action:hover {
- background: #3f3f46;
- color: #ffffff;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 6px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 6px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #3f3f46;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #3f3f46;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(34, 211, 238, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #a1a1aa;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: rgba(34, 211, 238, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(34, 211, 238, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: 0 none;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #18181b;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(34, 211, 238, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(34, 211, 238, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(34, 211, 238, 0.16);
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-datatable .p-column-resizer-helper {
- background: #22d3ee;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #18181b;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #1f1f22;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: rgba(34, 211, 238, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #18181b;
- color: #ffffff;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(34, 211, 238, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-clear-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-overlay {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.25rem 0.25rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-bottom: 1px solid #3f3f46;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-orderlist .p-orderlist-header {
- color: #ffffff;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #3f3f46;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(34, 211, 238, 0.24);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #1f1f22;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: rgba(34, 211, 238, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(10, 118, 134, 0.16);
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #3f3f46;
- border-color: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #3f3f46;
- border-color: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #18181b;
- color: #ffffff;
- border: solid #3f3f46;
- border-width: 0;
- padding: 0.5rem 1rem;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: #ffffff;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 50%;
- border-bottom-left-radius: 50%;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 50%;
- border-bottom-right-radius: 50%;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.5rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.5rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(34, 211, 238, 0.16);
- border-color: rgba(34, 211, 238, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: #ffffff;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-picklist .p-picklist-header {
- color: #ffffff;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #3f3f46;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(34, 211, 238, 0.24);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #1f1f22;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #3f3f46;
- border-radius: 50%;
- width: 1.125rem;
- height: 1.125rem;
- background-color: #020617;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #3f3f46;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-radius: 6px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0 0;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- padding: 0.25rem 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #a1a1aa;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #ffffff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(34, 211, 238, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- }
- .p-treetable .p-sortable-column {
- outline-color: var(--p-focus-ring-color);
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #a1a1aa;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: rgba(34, 211, 238, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #18181b;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(34, 211, 238, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #ffffff;
- }
- .p-treetable .p-column-resizer-helper {
- background: #22d3ee;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #18181b;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #a1a1aa;
- background: #18181b;
- font-weight: 600;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #18181b;
- background: #18181b;
- color: #ffffff;
- }
- .p-accordion .p-accordion-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-card {
- background: #18181b;
- color: #ffffff;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-card .p-card-body {
- padding: 1.5rem;
- }
- .p-card .p-card-title {
- font-size: 1.25rem;
- font-weight: 600;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #a1a1aa;
- }
- .p-card .p-card-content {
- padding: 0 0 0 0;
- }
- .p-card .p-card-footer {
- padding: 0 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-radius: 6px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- background: #18181b;
- font-weight: 600;
- border-radius: 6px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1.125rem;
- color: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: #ffffff;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #18181b;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #3f3f46;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #3f3f46;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #3f3f46;
- padding: 1.125rem;
- background: #18181b;
- color: #ffffff;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.75rem 1.125rem;
- }
- .p-panel .p-panel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panel .p-panel-footer {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #3f3f46;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #3f3f46;
- background: #18181b;
- border-radius: 6px;
- color: #ffffff;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- background: #3f3f46;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #3f3f46;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #18181b;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #a1a1aa;
- border: 1px solid #3f3f46;
- border-width: 2px;
- background: #18181b;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #ffffff;
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: rgba(34, 211, 238, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #ffffff;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #22d3ee;
- }
- .p-stepper .p-stepper-panels {
- background: #18181b;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- color: #ffffff;
- }
- .p-stepper .p-stepper-separator {
- background-color: #3f3f46;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #18181b;
- color: #ffffff;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #22d3ee;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-width: 0 0 1px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #3f3f46;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #3f3f46 transparent;
- background: #18181b;
- color: #a1a1aa;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #22d3ee;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #18181b;
- color: #22d3ee;
- width: 2.5rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-panels {
- background: #18181b;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #18181b;
- border: 1px solid #3f3f46;
- padding: 1.125rem;
- border-radius: 6px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(24, 24, 27, 0);
- border-bottom-color: #18181b;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(63, 63, 70, 0);
- border-bottom-color: #3c3c43;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #18181b;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #3f3f46;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- border: 1px solid #3f3f46;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 1.5rem;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #18181b;
- color: #ffffff;
- padding: 0 1.5rem 1.5rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #22d3ee;
- color: #020617;
- width: 1.75rem;
- height: 1.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -0.875rem;
- right: -0.875rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #67e8f9;
- color: #020617;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(24, 24, 27, 0);
- border-bottom-color: #18181b;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(63, 63, 70, 0);
- border-bottom-color: #3c3c43;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #18181b;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #3f3f46;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1.125rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #3f3f46;
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #3f3f46;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #18181b;
- padding: 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fileupload .p-fileupload-content {
- background: #18181b;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #22d3ee;
- background-color: rgba(34, 211, 238, 0.16);
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #67e8f9;
- color: #020617;
- border-color: #67e8f9;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #a5f3fc;
- color: #020617;
- border-color: #a5f3fc;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #18181b;
- border: 0 none;
- border-radius: 6px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #71717a;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #ffffff;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #71717a;
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-contextmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(34, 211, 238, 0.24);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 6px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-dock .p-dock-link {
- width: 3rem;
- height: 3rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem 0.5rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 2px 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(34, 211, 238, 0.24);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-megamenu-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0.25rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #71717a;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 2px 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(34, 211, 238, 0.24);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu.p-menu-overlay {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem 0.5rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem {
- margin: 2px 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(34, 211, 238, 0.24);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- border-radius: 6px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #71717a;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.5rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 0 none;
- color: #a1a1aa;
- background: #18181b;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #a1a1aa;
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #18181b;
- background: #18181b;
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0.25rem;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(34, 211, 238, 0.24);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #18181b;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #a1a1aa;
- border: 1px solid #3f3f46;
- background: #18181b;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #ffffff;
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: rgba(34, 211, 238, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 500;
- color: #ffffff;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #3f3f46;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-width: 0 0 1px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #3f3f46;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #3f3f46 transparent;
- background: #18181b;
- color: #a1a1aa;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #22d3ee;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(34, 211, 238, 0.24);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.75rem;
- margin: 0;
- border-radius: 6px;
- }
- .p-inline-message.p-inline-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #3b82f6;
- }
- .p-inline-message.p-inline-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #22c55e;
- }
- .p-inline-message.p-inline-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #eab308;
- }
- .p-inline-message.p-inline-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #ef4444;
- }
- .p-inline-message.p-inline-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-inline-message.p-inline-message-secondary .p-inline-message-icon {
- color: #d4d4d8;
- }
- .p-inline-message.p-inline-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-inline-message.p-inline-message-contrast .p-inline-message-icon {
- color: #09090b;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 6px;
- }
- .p-message .p-message-wrapper {
- padding: 0.5rem 0.75rem;
- }
- .p-message .p-message-close {
- width: 1.75rem;
- height: 1.75rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-message.p-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-message.p-message-info .p-message-icon {
- color: #3b82f6;
- }
- .p-message.p-message-info .p-message-close {
- color: #3b82f6;
- }
- .p-message.p-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-message.p-message-success .p-message-icon {
- color: #22c55e;
- }
- .p-message.p-message-success .p-message-close {
- color: #22c55e;
- }
- .p-message.p-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #eab308;
- }
- .p-message.p-message-warn .p-message-close {
- color: #eab308;
- }
- .p-message.p-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-message.p-message-error .p-message-icon {
- color: #ef4444;
- }
- .p-message.p-message-error .p-message-close {
- color: #ef4444;
- }
- .p-message.p-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-icon {
- color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-close {
- color: #d4d4d8;
- }
- .p-message.p-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-message.p-message-contrast .p-message-icon {
- color: #09090b;
- }
- .p-message.p-message-contrast .p-message-close {
- color: #09090b;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1rem;
- height: 1rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 0.75rem;
- border-width: 1px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 1.125rem;
- height: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 500;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.125rem;
- height: 1.125rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- color: #d4d4d8;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- color: #09090b;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #a1a1aa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #a1a1aa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #ffffff;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #3f3f46;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #3f3f46;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(34, 211, 238, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(34, 211, 238, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #a1a1aa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #a1a1aa;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #ffffff;
- background-color: rgba(255, 255, 255, 0.03);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #3f3f46;
- border-radius: 6px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #18181b;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #22d3ee;
- color: #020617;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-badge.p-badge-success {
- background-color: #4ade80;
- color: #052e16;
- }
- .p-badge.p-badge-info {
- background-color: #38bdf8;
- color: #082f49;
- }
- .p-badge.p-badge-warning {
- background-color: #fb923c;
- color: #431407;
- }
- .p-badge.p-badge-danger {
- background-color: #f87171;
- color: #450a0a;
- }
- .p-badge.p-badge-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-badge.p-badge-contrast {
- background-color: #ffffff;
- color: #09090b;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 6px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #22d3ee;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #22d3ee;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.25rem;
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #22d3ee;
- }
- .p-progressbar .p-progressbar-label {
- color: #020617;
- line-height: 1.25rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #ef4444;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #ef4444;
- }
- 40% {
- stroke: #3b82f6;
- }
- 66% {
- stroke: #22c55e;
- }
- 80%, 90% {
- stroke: #eab308;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-scrolltop.p-link {
- background: #3f3f46;
- }
- .p-scrolltop.p-link:hover {
- background: #3f3f46;
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #ffffff;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 6px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #22d3ee;
- color: #020617;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
- }
- .p-tag.p-tag-success {
- background-color: #4ade80;
- color: #052e16;
- }
- .p-tag.p-tag-info {
- background-color: #38bdf8;
- color: #082f49;
- }
- .p-tag.p-tag-warning {
- background-color: #fb923c;
- color: #431407;
- }
- .p-tag.p-tag-danger {
- background-color: #f87171;
- color: #450a0a;
- }
- .p-tag.p-tag-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-tag.p-tag-contrast {
- background-color: #ffffff;
- color: #09090b;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primevue {
- .p-accordion .p-accordion-header .p-accordion-header-link {
- border-radius: 6px !important;
- flex-direction: row-reverse;
- justify-content: space-between;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link:hover {
- border-bottom-color: #18181b;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- transform: rotate(90deg);
- }
- .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon {
- transform: rotate(-180deg);
- }
- .p-accordion .p-accordion-tab {
- border-bottom: 1px solid #27272a;
- }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom: 0 none;
- }
-
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.375rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete.p-disabled {
- opacity: 1;
- }
-
- .p-button-label {
- font-weight: 500;
- }
-
- .p-button.p-button-success:enabled:focus-visible {
- outline-color: #4ade80;
- }
- .p-button.p-button-info:enabled:focus-visible {
- outline-color: #38bdf8;
- }
- .p-button.p-button-warning:enabled:focus-visible {
- outline-color: #fb923c;
- }
- .p-button.p-button-help:enabled:focus-visible {
- outline-color: #c084fc;
- }
- .p-button.p-button-danger:enabled:focus-visible {
- outline-color: #f87171;
- }
- .p-button.p-button-contrast:enabled:focus-visible {
- outline-color: #ffffff;
- }
- .p-button.p-button-outlined {
- border-color: rgba(34, 211, 238, 0.44);
- }
- .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active {
- border-color: rgba(34, 211, 238, 0.44);
- }
- .p-button.p-button-outlined.p-button-secondary {
- border-color: rgba(82, 82, 91, 0.48);
- color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover {
- color: #a1a1aa;
- background-color: rgba(255, 255, 255, 0.04);
- border-color: rgba(82, 82, 91, 0.48);
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):active {
- color: #a1a1aa;
- background-color: rgba(255, 255, 255, 0.16);
- border-color: rgba(82, 82, 91, 0.48);
- }
- .p-button.p-button-outlined.p-button-success {
- border-color: rgba(21, 128, 61, 0.44);
- }
- .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active {
- border-color: rgba(21, 128, 61, 0.44);
- }
- .p-button.p-button-outlined.p-button-info {
- border-color: rgba(29, 78, 216, 0.44);
- }
- .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active {
- border-color: rgba(29, 78, 216, 0.44);
- }
- .p-button.p-button-outlined.p-button-warning {
- border-color: rgba(161, 98, 7, 0.44);
- }
- .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active {
- border-color: rgba(161, 98, 7, 0.44);
- }
- .p-button.p-button-outlined.p-button-help {
- border-color: rgba(109, 40, 217, 0.44);
- }
- .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active {
- border-color: rgba(109, 40, 217, 0.44);
- }
- .p-button.p-button-outlined.p-button-danger {
- border-color: rgba(185, 28, 28, 0.44);
- }
- .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active {
- border-color: rgba(185, 28, 28, 0.44);
- }
- .p-button.p-button-outlined.p-button-contrast {
- border-color: rgba(255, 255, 255, 0.44);
- }
- .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active {
- border-color: rgba(255, 255, 255, 0.44);
- }
- .p-button.p-button-secondary.p-button-text {
- color: #a1a1aa;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover {
- background-color: rgba(255, 255, 255, 0.04);
- color: #a1a1aa;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active {
- background-color: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
-
- .p-datepicker-buttonbar .p-button {
- padding: 0.25rem 0.75rem;
- font-size: 0.875rem;
- }
-
- .p-datepicker .p-datepicker-group-container + .p-timepicker {
- margin-top: 0.5rem;
- padding-top: 0.5rem;
- }
- .p-datepicker table th {
- font-weight: 500;
- }
-
- .p-card {
- border-radius: 12px;
- display: flex;
- flex-direction: column;
- }
- .p-card .p-card-caption {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-card .p-card-caption .p-card-title,
-.p-card .p-card-caption .p-card-subtitle {
- margin-bottom: 0;
- }
- .p-card .p-card-body {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #22d3ee;
- }
-
- .p-cascadeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-cascadeselect .p-cascadeselect-label {
- box-shadow: none;
- }
- .p-cascadeselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-cascadeselect.p-disabled .p-cascadeselect-label {
- background-color: #3f3f46;
- color: #a1a1aa;
- }
-
- div.p-cascadeselect-panel {
- border: 0 none;
- box-shadow: none;
- }
-
- .p-checkbox .p-checkbox-box {
- border-radius: 4px;
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
- border-color: #22d3ee;
- }
- .p-checkbox.p-disabled {
- opacity: 1;
- }
- .p-checkbox.p-disabled .p-checkbox-box {
- background-color: #3f3f46;
- border: 1px solid #3f3f46;
- }
- .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {
- color: #a1a1aa;
- }
-
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.375rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips.p-disabled .p-chips-multiple-container {
- opacity: 1;
- background-color: #3f3f46;
- }
-
- .p-chip {
- border-radius: 16px;
- padding: 0.25rem 0.75rem;
- }
- .p-chip .p-chip-text {
- margin-top: 0;
- margin-bottom: 0;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.375rem;
- }
- .p-chip:has(.p-chip-remove-icon) {
- padding-right: 0.5rem;
- }
- .p-chip img {
- margin-left: -0.5rem;
- }
-
- .p-colorpicker-preview {
- padding: 0;
- }
- .p-colorpicker-preview:enabled:focus {
- outline-offset: 2px;
- }
- .p-colorpicker-preview.p-inputtext.p-disabled {
- opacity: 0.6;
- }
-
- .p-confirm-popup {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #22d3ee;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #22d3ee;
- }
- .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: rgba(17, 200, 227, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight > td {
- border-bottom-color: rgba(17, 200, 227, 0.16);
- }
-
- .p-dataview-layout-options.p-selectbutton .p-button svg {
- position: relative;
- }
-
- .p-dialog {
- border-radius: 12px;
- background-color: #18181b;
- }
- .p-dialog.p-dialog-maximized {
- border-radius: 0;
- }
- .p-dialog .p-dialog-header {
- border-top-right-radius: 12px;
- border-top-left-radius: 12px;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
- .p-dialog .p-dialog-footer {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
-
- .p-dropdown {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-dropdown .p-dropdown-label {
- box-shadow: none;
- }
- .p-dropdown.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-dropdown.p-disabled .p-dropdown-label {
- color: #a1a1aa;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- margin-left: -0.375rem;
- margin-right: 0.375rem;
- }
-
- .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: rgba(17, 200, 227, 0.16);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td {
- border-bottom-color: rgba(17, 200, 227, 0.16);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover {
- background-color: rgba(34, 211, 238, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-fieldset {
- padding: 0 1.125rem 1.125rem 1.125rem;
- margin: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text {
- padding: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- color: #a1a1aa;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background-color: rgba(255, 255, 255, 0.03);
- }
- .p-fieldset .p-fieldset-legend {
- border: 0 none;
- padding: 0;
- margin-bottom: 0.375rem;
- }
- .p-fieldset .p-fieldset-legend span {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0;
- }
-
- .p-column-filter-overlay-menu {
- padding: 0.75rem;
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraints {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 0 0 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button {
- margin-bottom: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0;
- }
-
- .p-fileupload .p-fileupload-content {
- border-top: 0 none;
- padding-top: 1.125rem;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #22d3ee;
- }
-
- .p-inline-message-text {
- font-weight: 500;
- }
-
- .p-inline-message {
- backdrop-filter: blur(10px);
- }
-
- .p-inline-message.p-inline-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
-
- .p-inline-message.p-inline-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
-
- .p-inline-message.p-inline-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
-
- .p-inline-message.p-inline-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
-
- .p-inline-message.p-inline-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
-
- .p-inline-message.p-inline-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
-
- .p-inputgroup-addon {
- padding: 0.5rem;
- }
-
- .p-inputnumber.p-inputnumber-buttons-stacked {
- position: relative;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- position: absolute;
- top: 1px;
- right: 1px;
- height: calc(100% - 2px);
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #3f3f46;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up {
- border-left: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down {
- border-right: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #3f3f46;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up {
- border-bottom: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down {
- border-top: 0 none;
- }
-
- .p-inputswitch .p-inputswitch-slider {
- border: 0 none;
- }
- .p-inputswitch.p-highlight p-inputswitch-slider:before {
- left: 1.25rem;
- transform: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- background: #fca5a5;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
- background: #18181b;
- }
-
- .p-inputtext {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
-
- .p-inputtext:disabled {
- opacity: 1;
- background-color: #3f3f46;
- color: #a1a1aa;
- }
-
- .p-knob svg {
- border-radius: 6px;
- outline-color: transparent;
- transition: outline-color 0.2s;
- }
- .p-knob svg:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-listbox {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-listbox.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-listbox.p-disabled .p-listbox-list .p-listbox-item {
- color: #a1a1aa;
- }
-
- .p-message {
- backdrop-filter: blur(10px);
- }
-
- .p-message.p-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-message.p-message-info .p-message-close:focus-visible {
- outline-color: #3b82f6;
- }
- .p-message.p-message-info .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-message.p-message-success .p-message-close:focus-visible {
- outline-color: #22c55e;
- }
- .p-message.p-message-success .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-message.p-message-warn .p-message-close:focus-visible {
- outline-color: #eab308;
- }
- .p-message.p-message-warn .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-message.p-message-error .p-message-close:focus-visible {
- outline-color: #ef4444;
- }
- .p-message.p-message-error .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-message.p-message-secondary .p-message-close:focus-visible {
- outline-color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-close:hover {
- background: #3f3f46;
- }
-
- .p-message.p-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-message.p-message-contrast .p-message-close:focus-visible {
- outline-color: #09090b;
- }
- .p-message.p-message-contrast .p-message-close:hover {
- background: #f4f4f5;
- }
-
- .p-multiselect-panel .p-multiselect-header {
- padding-left: 1rem;
- padding-right: 1rem;
- }
-
- .p-multiselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-multiselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-multiselect.p-disabled .p-multiselect-label {
- color: #a1a1aa;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- border-radius: 4px;
- margin-right: 0.25rem;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.375rem;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header {
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action {
- background: rgba(255, 255, 255, 0.08);
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- font-weight: 600;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- /*line-height: 1.5;*/
- }
- .p-panelmenu .p-panelmenu-content {
- border-radius: 6px;
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-panel {
- padding: 0.25rem 0.25rem;
- overflow: hidden;
- margin-bottom: 0.75rem;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
-
- .p-password-panel {
- background-color: #18181b;
- border: 1px solid #3f3f46;
- padding: 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.75rem;
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength {
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f87171;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #fbbf24;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #4ade80;
- }
-
- .p-orderlist-controls .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-orderlist-controls .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-orderlist-controls .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-orderlist-controls .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
-
- .p-orderlist .p-orderlist-header {
- background: #18181b;
- color: #ffffff;
- border: 0 none;
- border-bottom: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #a1a1aa;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list {
- border: 1px solid #3f3f46;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- border-radius: 6px;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-organizationchart .p-organizationchart-node-content {
- padding: 0.75rem 1rem;
- border-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid #3f3f46;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: static;
- }
- .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) {
- padding: 0.75rem 1rem 1.25rem 1rem;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
- border-right: 0 none;
- }
- .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) {
- border-top-right-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) {
- border-left: 1px solid #3f3f46;
- border-top-left-radius: 6px;
- }
-
- .p-overlaypanel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.75rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- position: absolute;
- top: 0.25rem;
- right: 0.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-overlaypanel .p-overlaypanel-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-panel {
- border: 1px solid #3f3f46;
- border-radius: 6px;
- background-color: #18181b;
- }
- .p-panel .p-panel-header,
-.p-panel .p-panel-content,
-.p-panel .p-panel-footer {
- background: transparent;
- border: 0 none;
- }
- .p-panel:has(.p-panel-footer) .p-panel-content {
- padding-bottom: 0.875rem;
- }
-
- .p-picklist-buttons .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-picklist-buttons .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-picklist-buttons .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-picklist-buttons .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
-
- .p-picklist .p-picklist-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #a1a1aa;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-picklist .p-picklist-list {
- border: 1px solid #3f3f46;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- border-radius: 6px;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-progressbar-label {
- font-size: 0.75rem;
- font-weight: 600;
- }
-
- .p-radiobutton .p-radiobutton-box {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box {
- border-color: #22d3ee;
- }
- .p-radiobutton.p-disabled {
- opacity: 1;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box {
- border: 1px solid #3f3f46;
- background-color: #3f3f46;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon {
- background-color: #a1a1aa;
- }
-
- .p-rating {
- gap: 0.25rem;
- }
-
- .p-selectbutton .p-button .pi,
-.p-selectbutton .p-button .p-button-label {
- position: relative;
- transition: none;
- }
- .p-selectbutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-selectbutton .p-button.p-highlight::before {
- background: #27272a;
- border-color: #27272a;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-selectbutton .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-selectbutton .p-button.p-disabled {
- opacity: 1;
- color: #71717a;
- }
- .p-selectbutton.p-invalid {
- box-shadow: 0 0 0 1px #fca5a5;
- border-radius: 6px;
- }
- .p-selectbutton.p-invalid > .p-button {
- border: 1px solid #09090b;
- }
- .p-selectbutton.p-disabled {
- opacity: 1;
- }
- .p-selectbutton.p-disabled .p-button {
- color: #71717a;
- }
-
- .p-slider .p-slider-handle {
- display: flex !important;
- justify-content: center;
- align-items: center;
- }
- .p-slider .p-slider-handle::before {
- content: "";
- width: 16px;
- height: 16px;
- display: block;
- background-color: #09090b;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline-color: #91e9f7;
- }
-
- .p-speeddial-button.p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-splitter-gutter-handle {
- border-radius: 6px;
- }
-
- .p-stepper .p-stepper-header .p-stepper-number {
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #18181b;
- color: #22d3ee;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #22d3ee;
- }
-
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- border-width: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-steps-number {
- position: relative;
- font-weight: 500;
- }
- .p-steps .p-steps-item .p-steps-number::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #18181b;
- color: #22d3ee;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- color: #22d3ee;
- }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1;
- }
- .p-steps .p-steps-item:before {
- border-top-width: 2px;
- margin-top: calc(-1rem + 1px);
- }
- .p-steps .p-steps-item:first-child::before {
- width: calc(50% + 1rem);
- transform: translateX(100%);
- }
- .p-steps .p-steps-item:last-child::before {
- width: 50%;
- }
-
- .p-tabmenu .p-tabmenu-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: -1px;
- height: 1px;
- background-color: #22d3ee;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabmenu .p-tabmenu-nav {
- position: relative;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-tabview .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 1px;
- background-color: #22d3ee;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabview .p-tabview-nav {
- position: relative;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5);
- }
- .p-tabview .p-tabview-nav-btn.p-link:hover {
- color: #ffffff;
- }
-
- .p-tag {
- background: color-mix(in srgb, var(--primary-500), transparent 80%);
- color: var(--primary-300);
- }
- .p-tag.p-tag-success {
- background: rgba(34, 197, 94, 0.16);
- color: #22c55e;
- }
- .p-tag.p-tag-info {
- background: rgba(59, 130, 246, 0.16);
- color: #3b82f6;
- }
- .p-tag.p-tag-warning {
- background: rgba(234, 179, 8, 0.16);
- color: #eab308;
- }
- .p-tag.p-tag-danger {
- background: rgba(239, 68, 68, 0.16);
- color: #ef4444;
- }
-
- .p-terminal {
- background: #09090b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- }
- .p-terminal .p-terminal-prompt {
- margin-right: 0.25rem;
- }
- .p-terminal .p-terminal-response {
- margin: 2px 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- position: relative;
- }
- .p-timeline .p-timeline-event-marker::before {
- content: " ";
- border-radius: 50%;
- width: 0.375rem;
- height: 0.375rem;
- background-color: #22d3ee;
- }
- .p-timeline .p-timeline-event-marker::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-toast .p-toast-message {
- backdrop-filter: blur(10px);
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- font-size: 0.875rem;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.75rem;
- height: 1.75rem;
- margin-top: -25%;
- right: -25%;
- position: relative;
- }
-
- .p-toast .p-toast-message.p-toast-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- outline-color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- outline-color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- outline-color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover {
- background: #3f3f46;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover {
- background: #f4f4f5;
- }
-
- .p-togglebutton .p-button .p-button-label,
-.p-togglebutton .p-button .p-button-icon {
- position: relative;
- transition: none;
- }
- .p-togglebutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-togglebutton.p-highlight .p-button::before {
- background: #27272a;
- border-color: #27272a;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-togglebutton.p-disabled {
- opacity: 1;
- }
- .p-togglebutton.p-disabled .p-button {
- color: #71717a;
- }
- .p-togglebutton.p-disabled .p-button .p-button-icon {
- color: #71717a;
- }
-
- .p-toolbar {
- padding: 0.75rem;
- }
-
- .p-tree {
- border: 0 none;
- padding: 1rem;
- }
- .p-tree .p-tree-container .p-treenode {
- margin: 2px 0;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline-offset: -2px;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover {
- background-color: rgba(34, 211, 238, 0.16);
- }
- .p-tree .p-tree-container > .p-treenode:first-child {
- margin-top: 0;
- }
- .p-tree .p-tree-container > .p-treenode:last-child {
- margin-bottom: 0;
- }
-
- .p-treeselect-panel .p-tree {
- padding: 0.25rem 0.25rem;
- }
-
- .p-treeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-treeselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-treeselect.p-disabled .p-treeselect-label {
- color: #a1a1aa;
- }
-}
diff --git a/public/themes/aura-dark-green/fonts/Inter-italic.var.woff2 b/public/themes/aura-dark-green/fonts/Inter-italic.var.woff2
deleted file mode 100644
index b826d5a..0000000
Binary files a/public/themes/aura-dark-green/fonts/Inter-italic.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-dark-green/fonts/Inter-roman.var.woff2 b/public/themes/aura-dark-green/fonts/Inter-roman.var.woff2
deleted file mode 100644
index 6a256a0..0000000
Binary files a/public/themes/aura-dark-green/fonts/Inter-roman.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-dark-green/theme.css b/public/themes/aura-dark-green/theme.css
deleted file mode 100644
index 2d50813..0000000
--- a/public/themes/aura-dark-green/theme.css
+++ /dev/null
@@ -1,12113 +0,0 @@
-:root {
- font-family: "Inter var", sans-serif;
- font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- font-variation-settings: normal;
- --font-family: "Inter var", sans-serif;
- --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- --text-color: #ffffff;
- --text-color-secondary: #a1a1aa;
- --primary-color: #34d399;
- --primary-color-text: #020617;
- --surface-0: #18181b;
- --surface-50: #27272a;
- --surface-100: #3f3f46;
- --surface-200: #52525b;
- --surface-300: #71717a;
- --surface-400: #a1a1aa;
- --surface-500: #d4d4d8;
- --surface-600: #e4e4e7;
- --surface-700: #f4f4f5;
- --surface-800: #fafafa;
- --surface-900: #ffffff;
- --gray-0: #ffffff;
- --gray-50: #fafafa;
- --gray-100: #f4f4f5;
- --gray-200: #e4e4e7;
- --gray-300: #d4d4d8;
- --gray-400: #a1a1aa;
- --gray-500: #71717a;
- --gray-600: #52525b;
- --gray-700: #3f3f46;
- --gray-800: #27272a;
- --gray-900: #18181b;
- --content-padding: 1.125rem;
- --inline-spacing: 0.5rem;
- --border-radius: 6px;
- --surface-ground: #09090b;
- --surface-section: #18181b;
- --surface-card: #18181b;
- --surface-overlay: #18181b;
- --surface-border: #27272a;
- --surface-hover: rgba(255, 255, 255, 0.03);
- --focus-ring: none;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: rgba(52, 211, 153, 0.16);
- --highlight-text-color: rgba(255, 255, 255, 0.87);
- --p-anchor-gutter: 2px;
- color-scheme: dark;
-}
-
-:root {
- --p-focus-ring-color: var(--primary-color);
-}
-
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: normal;
- font-named-instance: "Regular";
- src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
-}
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: italic;
- font-named-instance: "Italic";
- src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
-}
-:root {
- --blue-50:#f5f9ff;
- --blue-100:#d0e1fd;
- --blue-200:#abc9fb;
- --blue-300:#85b2f9;
- --blue-400:#609af8;
- --blue-500:#3b82f6;
- --blue-600:#326fd1;
- --blue-700:#295bac;
- --blue-800:#204887;
- --blue-900:#183462;
- --green-50:#f4fcf7;
- --green-100:#caf1d8;
- --green-200:#a0e6ba;
- --green-300:#76db9b;
- --green-400:#4cd07d;
- --green-500:#22c55e;
- --green-600:#1da750;
- --green-700:#188a42;
- --green-800:#136c34;
- --green-900:#0e4f26;
- --yellow-50:#fefbf3;
- --yellow-100:#faedc4;
- --yellow-200:#f6de95;
- --yellow-300:#f2d066;
- --yellow-400:#eec137;
- --yellow-500:#eab308;
- --yellow-600:#c79807;
- --yellow-700:#a47d06;
- --yellow-800:#816204;
- --yellow-900:#5e4803;
- --cyan-50:#f3fbfd;
- --cyan-100:#c3edf5;
- --cyan-200:#94e0ed;
- --cyan-300:#65d2e4;
- --cyan-400:#35c4dc;
- --cyan-500:#06b6d4;
- --cyan-600:#059bb4;
- --cyan-700:#047f94;
- --cyan-800:#036475;
- --cyan-900:#024955;
- --pink-50:#fef6fa;
- --pink-100:#fad3e7;
- --pink-200:#f7b0d3;
- --pink-300:#f38ec0;
- --pink-400:#f06bac;
- --pink-500:#ec4899;
- --pink-600:#c93d82;
- --pink-700:#a5326b;
- --pink-800:#822854;
- --pink-900:#5e1d3d;
- --indigo-50:#f7f7fe;
- --indigo-100:#dadafc;
- --indigo-200:#bcbdf9;
- --indigo-300:#9ea0f6;
- --indigo-400:#8183f4;
- --indigo-500:#6366f1;
- --indigo-600:#5457cd;
- --indigo-700:#4547a9;
- --indigo-800:#363885;
- --indigo-900:#282960;
- --teal-50:#f3fbfb;
- --teal-100:#c7eeea;
- --teal-200:#9ae0d9;
- --teal-300:#6dd3c8;
- --teal-400:#41c5b7;
- --teal-500:#14b8a6;
- --teal-600:#119c8d;
- --teal-700:#0e8174;
- --teal-800:#0b655b;
- --teal-900:#084a42;
- --orange-50:#fff8f3;
- --orange-100:#feddc7;
- --orange-200:#fcc39b;
- --orange-300:#fba86f;
- --orange-400:#fa8e42;
- --orange-500:#f97316;
- --orange-600:#d46213;
- --orange-700:#ae510f;
- --orange-800:#893f0c;
- --orange-900:#642e09;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dadee3;
- --bluegray-200:#bcc3cd;
- --bluegray-300:#9fa9b7;
- --bluegray-400:#818ea1;
- --bluegray-500:#64748b;
- --bluegray-600:#556376;
- --bluegray-700:#465161;
- --bluegray-800:#37404c;
- --bluegray-900:#282e38;
- --purple-50:#fbf7ff;
- --purple-100:#ead6fd;
- --purple-200:#dab6fc;
- --purple-300:#c996fa;
- --purple-400:#b975f9;
- --purple-500:#a855f7;
- --purple-600:#8f48d2;
- --purple-700:#763cad;
- --purple-800:#5c2f88;
- --purple-900:#432263;
- --red-50:#fff5f5;
- --red-100:#ffd0ce;
- --red-200:#ffaca7;
- --red-300:#ff8780;
- --red-400:#ff6259;
- --red-500:#ff3d32;
- --red-600:#d9342b;
- --red-700:#b32b23;
- --red-800:#8c221c;
- --red-900:#661814;
- --primary-50:#f5fdfa;
- --primary-100:#cef4e7;
- --primary-200:#a8ecd3;
- --primary-300:#81e4c0;
- --primary-400:#5bdbac;
- --primary-500:#34d399;
- --primary-600:#2cb382;
- --primary-700:#24946b;
- --primary-800:#1d7454;
- --primary-900:#15543d;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #18181b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #3f3f46;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- padding: 0.25rem 0.25rem;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 0.75rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #3f3f46;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #09090b;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #34d399;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #34d399;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #34d399;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #34d399;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.6;
- }
-
- .p-error {
- color: #fca5a5;
- }
-
- .p-text-secondary {
- color: #a1a1aa;
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.25rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #52525b;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #3f3f46;
- color: #ffffff;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-autocomplete-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.25rem 0.25rem;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(52, 211, 153, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(52, 211, 153, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
-
- .p-datepicker {
- padding: 0.75rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: transparent;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0 0 0.5rem 0;
- color: #ffffff;
- background: transparent;
- font-weight: 500;
- margin: 0 0 0 0;
- border-bottom: 1px solid #3f3f46;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 1.75rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-weight: 500;
- padding: 0.25rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #34d399;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker table th {
- padding: 0.25rem;
- }
- .p-datepicker table th > span {
- width: 2rem;
- height: 2rem;
- }
- .p-datepicker table td {
- padding: 0.25rem;
- }
- .p-datepicker table td > span {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(52, 211, 153, 0.16);
- }
- .p-datepicker table td > span:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #3f3f46;
- color: #ffffff;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(52, 211, 153, 0.16);
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.5rem 0 0 0;
- border-top: 1px solid #3f3f46;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #3f3f46;
- padding: 0;
- }
- .p-datepicker .p-timepicker button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(52, 211, 153, 0.16);
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(52, 211, 153, 0.16);
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #3f3f46;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0.25rem;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #27272a;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #27272a;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #27272a;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-cascadeselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(52, 211, 153, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(52, 211, 153, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #3f3f46;
- background: #09090b;
- width: 1.25rem;
- height: 1.25rem;
- color: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #020617;
- font-size: 0.875rem;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #34d399;
- background: #34d399;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #52525b;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #6ee7b7;
- background: #6ee7b7;
- color: #020617;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #fca5a5;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #27272a;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #34d399;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #27272a;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #6ee7b7;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #27272a;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #34d399;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #27272a;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #6ee7b7;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #52525b;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #3f3f46;
- color: #ffffff;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-colorpicker-panel {
- background: #18181b;
- border: 1px solid #3f3f46;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff;
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-dropdown.p-variant-filled {
- background: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #a1a1aa;
- right: 2.5rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-dropdown-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.25rem 0.25rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(52, 211, 153, 0.16);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(52, 211, 153, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #18181b;
- color: #a1a1aa;
- border-top: 1px solid #3f3f46;
- border-left: 1px solid #3f3f46;
- border-bottom: 1px solid #3f3f46;
- padding: 0.5rem 0.75rem;
- min-width: 2.5rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #3f3f46;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.5rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #27272a;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #27272a;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #27272a;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 2.5rem;
- height: 1.5rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #27272a;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #a1a1aa;
- width: 1rem;
- height: 1rem;
- left: 0.25rem;
- margin-top: -0.5rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #34d399;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #020617;
- transform: translateX(1rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #27272a;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #6ee7b7;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #fca5a5;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- background: #09090b;
- padding: 0.5rem 0.75rem;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- appearance: none;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #52525b;
- }
- .p-inputtext:enabled:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #fca5a5;
- }
- .p-inputtext.p-variant-filled {
- background-color: #27272a;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #27272a;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #27272a;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: #a1a1aa;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #fca5a5;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: #a1a1aa;
- }
-
- :-moz-placeholder {
- color: #a1a1aa;
- }
-
- ::-moz-placeholder {
- color: #a1a1aa;
- }
-
- :-ms-input-placeholder {
- color: #a1a1aa;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #27272a;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #27272a;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #27272a;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-listbox .p-listbox-list {
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(52, 211, 153, 0.16);
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(52, 211, 153, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-listbox.p-invalid {
- border-color: #fca5a5;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-multiselect.p-variant-filled {
- background: #27272a;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(52, 211, 153, 0.16);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(52, 211, 153, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-password-panel {
- padding: 0 1.125rem 1.125rem 1.125rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #3f3f46;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f87171;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #fbbf24;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #4ade80;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #3f3f46;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #3f3f46;
- background: #09090b;
- width: 1.25rem;
- height: 1.25rem;
- color: #ffffff;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 0.75rem;
- height: 0.75rem;
- transition-duration: 0.2s;
- background-color: #34d399;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #34d399;
- background: #020617;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #52525b;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #6ee7b7;
- background: #020617;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #6ee7b7;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #fca5a5;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #020617;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #020617;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #020617;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #020617;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-size: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f87171;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #34d399;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #34d399;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #ef4444;
- }
-
- .p-selectbutton .p-button {
- background: #09090b;
- border: 1px solid #09090b;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #a1a1aa;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #3f3f46;
- border: 0 none;
- border-radius: 6px;
- }
- .p-slider.p-slider-horizontal {
- height: 3px;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px;
- }
- .p-slider.p-slider-vertical {
- width: 3px;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px;
- }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #3f3f46;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-slider .p-slider-range {
- background: #34d399;
- border-radius: 6px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #3f3f46;
- border-color: transparent;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-treeselect.p-variant-filled {
- background: #27272a;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #27272a;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #09090b;
- border-radius: 6px;
- }
- .p-togglebutton .p-button {
- background: #09090b;
- border: 1px solid #09090b;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #a1a1aa;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #020617;
- background: #34d399;
- border: 1px solid #34d399;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #6ee7b7;
- color: #020617;
- border-color: #6ee7b7;
- }
- .p-button:not(:disabled):active {
- background: #a7f3d0;
- color: #020617;
- border-color: #a7f3d0;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #34d399;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(52, 211, 153, 0.04);
- color: #34d399;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(52, 211, 153, 0.16);
- color: #34d399;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #a1a1aa;
- border-color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #34d399;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(52, 211, 153, 0.04);
- color: #34d399;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(52, 211, 153, 0.16);
- color: #34d399;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #a1a1aa;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #a1a1aa;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
- .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #34d399;
- background-color: #020617;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.5rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.5rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.5rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(39, 39, 42, 0.04);
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(39, 39, 42, 0.16);
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #27272a;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(39, 39, 42, 0.04);
- border-color: transparent;
- color: #27272a;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(39, 39, 42, 0.16);
- border-color: transparent;
- color: #27272a;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #082f49;
- background: #38bdf8;
- border: 1px solid #38bdf8;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #7dd3fc;
- color: #082f49;
- border-color: #7dd3fc;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #bae6fd;
- color: #082f49;
- border-color: #bae6fd;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(56, 189, 248, 0.04);
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(56, 189, 248, 0.16);
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #38bdf8;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(56, 189, 248, 0.04);
- border-color: transparent;
- color: #38bdf8;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(56, 189, 248, 0.16);
- border-color: transparent;
- color: #38bdf8;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #052e16;
- background: #4ade80;
- border: 1px solid #4ade80;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #86efac;
- color: #052e16;
- border-color: #86efac;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #bbf7d0;
- color: #052e16;
- border-color: #bbf7d0;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(74, 222, 128, 0.04);
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(74, 222, 128, 0.16);
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #4ade80;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(74, 222, 128, 0.04);
- border-color: transparent;
- color: #4ade80;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(74, 222, 128, 0.16);
- border-color: transparent;
- color: #4ade80;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #431407;
- background: #fb923c;
- border: 1px solid #fb923c;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #fdba74;
- color: #431407;
- border-color: #fdba74;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #fed7aa;
- color: #431407;
- border-color: #fed7aa;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(251, 146, 60, 0.04);
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(251, 146, 60, 0.16);
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #fb923c;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(251, 146, 60, 0.04);
- border-color: transparent;
- color: #fb923c;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(251, 146, 60, 0.16);
- border-color: transparent;
- color: #fb923c;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #3b0764;
- background: #c084fc;
- border: 1px solid #c084fc;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #d8b4fe;
- color: #3b0764;
- border-color: #d8b4fe;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #e9d5ff;
- color: #3b0764;
- border-color: #e9d5ff;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(192, 132, 252, 0.04);
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(192, 132, 252, 0.16);
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #c084fc;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(192, 132, 252, 0.04);
- border-color: transparent;
- color: #c084fc;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(192, 132, 252, 0.16);
- border-color: transparent;
- color: #c084fc;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #450a0a;
- background: #f87171;
- border: 1px solid #f87171;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #fca5a5;
- color: #450a0a;
- border-color: #fca5a5;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #fecaca;
- color: #450a0a;
- border-color: #fecaca;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(248, 113, 113, 0.04);
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(248, 113, 113, 0.16);
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #f87171;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(248, 113, 113, 0.04);
- border-color: transparent;
- color: #f87171;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(248, 113, 113, 0.16);
- border-color: transparent;
- color: #f87171;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #09090b;
- background: #ffffff;
- border: 1px solid #ffffff;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #f4f4f5;
- color: #09090b;
- border-color: #f4f4f5;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #e4e4e7;
- color: #09090b;
- border-color: #e4e4e7;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #ffffff;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: transparent;
- color: #ffffff;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- border-color: transparent;
- color: #ffffff;
- }
-
- .p-button.p-button-link {
- color: #34d399;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #34d399;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #34d399;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-speeddial-action {
- width: 2.5rem;
- height: 2.5rem;
- background: #3f3f46;
- color: #a1a1aa;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-speeddial-action:hover {
- background: #3f3f46;
- color: #ffffff;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 6px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 6px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #3f3f46;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #3f3f46;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(52, 211, 153, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #a1a1aa;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(52, 211, 153, 0.16);
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: rgba(52, 211, 153, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(52, 211, 153, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: 0 none;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #18181b;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(52, 211, 153, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(52, 211, 153, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(52, 211, 153, 0.16);
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-datatable .p-column-resizer-helper {
- background: #34d399;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #18181b;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #1f1f22;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: rgba(52, 211, 153, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #18181b;
- color: #ffffff;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(52, 211, 153, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-clear-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-overlay {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.25rem 0.25rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(52, 211, 153, 0.16);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-bottom: 1px solid #3f3f46;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-orderlist .p-orderlist-header {
- color: #ffffff;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #3f3f46;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(52, 211, 153, 0.16);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(52, 211, 153, 0.24);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #1f1f22;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: rgba(52, 211, 153, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(24, 111, 80, 0.16);
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #3f3f46;
- border-color: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #3f3f46;
- border-color: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #18181b;
- color: #ffffff;
- border: solid #3f3f46;
- border-width: 0;
- padding: 0.5rem 1rem;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: #ffffff;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 50%;
- border-bottom-left-radius: 50%;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 50%;
- border-bottom-right-radius: 50%;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.5rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.5rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(52, 211, 153, 0.16);
- border-color: rgba(52, 211, 153, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: #ffffff;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-picklist .p-picklist-header {
- color: #ffffff;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #3f3f46;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(52, 211, 153, 0.16);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(52, 211, 153, 0.24);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #1f1f22;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #3f3f46;
- border-radius: 50%;
- width: 1.125rem;
- height: 1.125rem;
- background-color: #020617;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #3f3f46;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-radius: 6px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0 0;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- padding: 0.25rem 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #a1a1aa;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #ffffff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(52, 211, 153, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- }
- .p-treetable .p-sortable-column {
- outline-color: var(--p-focus-ring-color);
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #a1a1aa;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(52, 211, 153, 0.16);
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: rgba(52, 211, 153, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #18181b;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(52, 211, 153, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #ffffff;
- }
- .p-treetable .p-column-resizer-helper {
- background: #34d399;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #18181b;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #a1a1aa;
- background: #18181b;
- font-weight: 600;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #18181b;
- background: #18181b;
- color: #ffffff;
- }
- .p-accordion .p-accordion-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-card {
- background: #18181b;
- color: #ffffff;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-card .p-card-body {
- padding: 1.5rem;
- }
- .p-card .p-card-title {
- font-size: 1.25rem;
- font-weight: 600;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #a1a1aa;
- }
- .p-card .p-card-content {
- padding: 0 0 0 0;
- }
- .p-card .p-card-footer {
- padding: 0 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-radius: 6px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- background: #18181b;
- font-weight: 600;
- border-radius: 6px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1.125rem;
- color: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: #ffffff;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #18181b;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #3f3f46;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #3f3f46;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #3f3f46;
- padding: 1.125rem;
- background: #18181b;
- color: #ffffff;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.75rem 1.125rem;
- }
- .p-panel .p-panel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panel .p-panel-footer {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #3f3f46;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #3f3f46;
- background: #18181b;
- border-radius: 6px;
- color: #ffffff;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- background: #3f3f46;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #3f3f46;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #18181b;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #a1a1aa;
- border: 1px solid #3f3f46;
- border-width: 2px;
- background: #18181b;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #ffffff;
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: rgba(52, 211, 153, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #ffffff;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #34d399;
- }
- .p-stepper .p-stepper-panels {
- background: #18181b;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- color: #ffffff;
- }
- .p-stepper .p-stepper-separator {
- background-color: #3f3f46;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #18181b;
- color: #ffffff;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #34d399;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-width: 0 0 1px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #3f3f46;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #3f3f46 transparent;
- background: #18181b;
- color: #a1a1aa;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #34d399;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #18181b;
- color: #34d399;
- width: 2.5rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-panels {
- background: #18181b;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #18181b;
- border: 1px solid #3f3f46;
- padding: 1.125rem;
- border-radius: 6px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(24, 24, 27, 0);
- border-bottom-color: #18181b;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(63, 63, 70, 0);
- border-bottom-color: #3c3c43;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #18181b;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #3f3f46;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- border: 1px solid #3f3f46;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 1.5rem;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #18181b;
- color: #ffffff;
- padding: 0 1.5rem 1.5rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #34d399;
- color: #020617;
- width: 1.75rem;
- height: 1.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -0.875rem;
- right: -0.875rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #6ee7b7;
- color: #020617;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(24, 24, 27, 0);
- border-bottom-color: #18181b;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(63, 63, 70, 0);
- border-bottom-color: #3c3c43;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #18181b;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #3f3f46;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1.125rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #3f3f46;
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #3f3f46;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #18181b;
- padding: 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fileupload .p-fileupload-content {
- background: #18181b;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #34d399;
- background-color: rgba(52, 211, 153, 0.16);
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #6ee7b7;
- color: #020617;
- border-color: #6ee7b7;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #a7f3d0;
- color: #020617;
- border-color: #a7f3d0;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #18181b;
- border: 0 none;
- border-radius: 6px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #71717a;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #ffffff;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #71717a;
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-contextmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(52, 211, 153, 0.16);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(52, 211, 153, 0.24);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 6px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-dock .p-dock-link {
- width: 3rem;
- height: 3rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem 0.5rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 2px 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(52, 211, 153, 0.16);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(52, 211, 153, 0.24);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-megamenu-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0.25rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #71717a;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 2px 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(52, 211, 153, 0.16);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(52, 211, 153, 0.24);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu.p-menu-overlay {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem 0.5rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem {
- margin: 2px 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(52, 211, 153, 0.16);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(52, 211, 153, 0.24);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- border-radius: 6px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #71717a;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.5rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 0 none;
- color: #a1a1aa;
- background: #18181b;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #a1a1aa;
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #18181b;
- background: #18181b;
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0.25rem;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(52, 211, 153, 0.16);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(52, 211, 153, 0.24);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #18181b;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #a1a1aa;
- border: 1px solid #3f3f46;
- background: #18181b;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #ffffff;
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: rgba(52, 211, 153, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 500;
- color: #ffffff;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #3f3f46;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-width: 0 0 1px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #3f3f46;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #3f3f46 transparent;
- background: #18181b;
- color: #a1a1aa;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #34d399;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(52, 211, 153, 0.16);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(52, 211, 153, 0.24);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.75rem;
- margin: 0;
- border-radius: 6px;
- }
- .p-inline-message.p-inline-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #3b82f6;
- }
- .p-inline-message.p-inline-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #22c55e;
- }
- .p-inline-message.p-inline-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #eab308;
- }
- .p-inline-message.p-inline-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #ef4444;
- }
- .p-inline-message.p-inline-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-inline-message.p-inline-message-secondary .p-inline-message-icon {
- color: #d4d4d8;
- }
- .p-inline-message.p-inline-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-inline-message.p-inline-message-contrast .p-inline-message-icon {
- color: #09090b;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 6px;
- }
- .p-message .p-message-wrapper {
- padding: 0.5rem 0.75rem;
- }
- .p-message .p-message-close {
- width: 1.75rem;
- height: 1.75rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-message.p-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-message.p-message-info .p-message-icon {
- color: #3b82f6;
- }
- .p-message.p-message-info .p-message-close {
- color: #3b82f6;
- }
- .p-message.p-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-message.p-message-success .p-message-icon {
- color: #22c55e;
- }
- .p-message.p-message-success .p-message-close {
- color: #22c55e;
- }
- .p-message.p-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #eab308;
- }
- .p-message.p-message-warn .p-message-close {
- color: #eab308;
- }
- .p-message.p-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-message.p-message-error .p-message-icon {
- color: #ef4444;
- }
- .p-message.p-message-error .p-message-close {
- color: #ef4444;
- }
- .p-message.p-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-icon {
- color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-close {
- color: #d4d4d8;
- }
- .p-message.p-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-message.p-message-contrast .p-message-icon {
- color: #09090b;
- }
- .p-message.p-message-contrast .p-message-close {
- color: #09090b;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1rem;
- height: 1rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 0.75rem;
- border-width: 1px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 1.125rem;
- height: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 500;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.125rem;
- height: 1.125rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- color: #d4d4d8;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- color: #09090b;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #a1a1aa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #a1a1aa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #ffffff;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #3f3f46;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #3f3f46;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(52, 211, 153, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(52, 211, 153, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #a1a1aa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #a1a1aa;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #ffffff;
- background-color: rgba(255, 255, 255, 0.03);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #3f3f46;
- border-radius: 6px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #18181b;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #34d399;
- color: #020617;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-badge.p-badge-success {
- background-color: #4ade80;
- color: #052e16;
- }
- .p-badge.p-badge-info {
- background-color: #38bdf8;
- color: #082f49;
- }
- .p-badge.p-badge-warning {
- background-color: #fb923c;
- color: #431407;
- }
- .p-badge.p-badge-danger {
- background-color: #f87171;
- color: #450a0a;
- }
- .p-badge.p-badge-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-badge.p-badge-contrast {
- background-color: #ffffff;
- color: #09090b;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 6px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #34d399;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #34d399;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.25rem;
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #34d399;
- }
- .p-progressbar .p-progressbar-label {
- color: #020617;
- line-height: 1.25rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #ef4444;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #ef4444;
- }
- 40% {
- stroke: #3b82f6;
- }
- 66% {
- stroke: #22c55e;
- }
- 80%, 90% {
- stroke: #eab308;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-scrolltop.p-link {
- background: #3f3f46;
- }
- .p-scrolltop.p-link:hover {
- background: #3f3f46;
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #ffffff;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 6px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #34d399;
- color: #020617;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
- }
- .p-tag.p-tag-success {
- background-color: #4ade80;
- color: #052e16;
- }
- .p-tag.p-tag-info {
- background-color: #38bdf8;
- color: #082f49;
- }
- .p-tag.p-tag-warning {
- background-color: #fb923c;
- color: #431407;
- }
- .p-tag.p-tag-danger {
- background-color: #f87171;
- color: #450a0a;
- }
- .p-tag.p-tag-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-tag.p-tag-contrast {
- background-color: #ffffff;
- color: #09090b;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primevue {
- .p-accordion .p-accordion-header .p-accordion-header-link {
- border-radius: 6px !important;
- flex-direction: row-reverse;
- justify-content: space-between;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link:hover {
- border-bottom-color: #18181b;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- transform: rotate(90deg);
- }
- .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon {
- transform: rotate(-180deg);
- }
- .p-accordion .p-accordion-tab {
- border-bottom: 1px solid #27272a;
- }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom: 0 none;
- }
-
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.375rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete.p-disabled {
- opacity: 1;
- }
-
- .p-button-label {
- font-weight: 500;
- }
-
- .p-button.p-button-success:enabled:focus-visible {
- outline-color: #4ade80;
- }
- .p-button.p-button-info:enabled:focus-visible {
- outline-color: #38bdf8;
- }
- .p-button.p-button-warning:enabled:focus-visible {
- outline-color: #fb923c;
- }
- .p-button.p-button-help:enabled:focus-visible {
- outline-color: #c084fc;
- }
- .p-button.p-button-danger:enabled:focus-visible {
- outline-color: #f87171;
- }
- .p-button.p-button-contrast:enabled:focus-visible {
- outline-color: #ffffff;
- }
- .p-button.p-button-outlined {
- border-color: rgba(52, 211, 153, 0.44);
- }
- .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active {
- border-color: rgba(52, 211, 153, 0.44);
- }
- .p-button.p-button-outlined.p-button-secondary {
- border-color: rgba(82, 82, 91, 0.48);
- color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover {
- color: #a1a1aa;
- background-color: rgba(255, 255, 255, 0.04);
- border-color: rgba(82, 82, 91, 0.48);
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):active {
- color: #a1a1aa;
- background-color: rgba(255, 255, 255, 0.16);
- border-color: rgba(82, 82, 91, 0.48);
- }
- .p-button.p-button-outlined.p-button-success {
- border-color: rgba(21, 128, 61, 0.44);
- }
- .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active {
- border-color: rgba(21, 128, 61, 0.44);
- }
- .p-button.p-button-outlined.p-button-info {
- border-color: rgba(29, 78, 216, 0.44);
- }
- .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active {
- border-color: rgba(29, 78, 216, 0.44);
- }
- .p-button.p-button-outlined.p-button-warning {
- border-color: rgba(161, 98, 7, 0.44);
- }
- .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active {
- border-color: rgba(161, 98, 7, 0.44);
- }
- .p-button.p-button-outlined.p-button-help {
- border-color: rgba(109, 40, 217, 0.44);
- }
- .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active {
- border-color: rgba(109, 40, 217, 0.44);
- }
- .p-button.p-button-outlined.p-button-danger {
- border-color: rgba(185, 28, 28, 0.44);
- }
- .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active {
- border-color: rgba(185, 28, 28, 0.44);
- }
- .p-button.p-button-outlined.p-button-contrast {
- border-color: rgba(255, 255, 255, 0.44);
- }
- .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active {
- border-color: rgba(255, 255, 255, 0.44);
- }
- .p-button.p-button-secondary.p-button-text {
- color: #a1a1aa;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover {
- background-color: rgba(255, 255, 255, 0.04);
- color: #a1a1aa;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active {
- background-color: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
-
- .p-datepicker-buttonbar .p-button {
- padding: 0.25rem 0.75rem;
- font-size: 0.875rem;
- }
-
- .p-datepicker .p-datepicker-group-container + .p-timepicker {
- margin-top: 0.5rem;
- padding-top: 0.5rem;
- }
- .p-datepicker table th {
- font-weight: 500;
- }
-
- .p-card {
- border-radius: 12px;
- display: flex;
- flex-direction: column;
- }
- .p-card .p-card-caption {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-card .p-card-caption .p-card-title,
-.p-card .p-card-caption .p-card-subtitle {
- margin-bottom: 0;
- }
- .p-card .p-card-body {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #34d399;
- }
-
- .p-cascadeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-cascadeselect .p-cascadeselect-label {
- box-shadow: none;
- }
- .p-cascadeselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-cascadeselect.p-disabled .p-cascadeselect-label {
- background-color: #3f3f46;
- color: #a1a1aa;
- }
-
- div.p-cascadeselect-panel {
- border: 0 none;
- box-shadow: none;
- }
-
- .p-checkbox .p-checkbox-box {
- border-radius: 4px;
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
- border-color: #34d399;
- }
- .p-checkbox.p-disabled {
- opacity: 1;
- }
- .p-checkbox.p-disabled .p-checkbox-box {
- background-color: #3f3f46;
- border: 1px solid #3f3f46;
- }
- .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {
- color: #a1a1aa;
- }
-
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.375rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips.p-disabled .p-chips-multiple-container {
- opacity: 1;
- background-color: #3f3f46;
- }
-
- .p-chip {
- border-radius: 16px;
- padding: 0.25rem 0.75rem;
- }
- .p-chip .p-chip-text {
- margin-top: 0;
- margin-bottom: 0;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.375rem;
- }
- .p-chip:has(.p-chip-remove-icon) {
- padding-right: 0.5rem;
- }
- .p-chip img {
- margin-left: -0.5rem;
- }
-
- .p-colorpicker-preview {
- padding: 0;
- }
- .p-colorpicker-preview:enabled:focus {
- outline-offset: 2px;
- }
- .p-colorpicker-preview.p-inputtext.p-disabled {
- opacity: 0.6;
- }
-
- .p-confirm-popup {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #34d399;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #34d399;
- }
- .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: rgba(42, 195, 139, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight > td {
- border-bottom-color: rgba(42, 195, 139, 0.16);
- }
-
- .p-dataview-layout-options.p-selectbutton .p-button svg {
- position: relative;
- }
-
- .p-dialog {
- border-radius: 12px;
- background-color: #18181b;
- }
- .p-dialog.p-dialog-maximized {
- border-radius: 0;
- }
- .p-dialog .p-dialog-header {
- border-top-right-radius: 12px;
- border-top-left-radius: 12px;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
- .p-dialog .p-dialog-footer {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
-
- .p-dropdown {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-dropdown .p-dropdown-label {
- box-shadow: none;
- }
- .p-dropdown.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-dropdown.p-disabled .p-dropdown-label {
- color: #a1a1aa;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- margin-left: -0.375rem;
- margin-right: 0.375rem;
- }
-
- .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: rgba(42, 195, 139, 0.16);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td {
- border-bottom-color: rgba(42, 195, 139, 0.16);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover {
- background-color: rgba(52, 211, 153, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-fieldset {
- padding: 0 1.125rem 1.125rem 1.125rem;
- margin: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text {
- padding: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- color: #a1a1aa;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background-color: rgba(255, 255, 255, 0.03);
- }
- .p-fieldset .p-fieldset-legend {
- border: 0 none;
- padding: 0;
- margin-bottom: 0.375rem;
- }
- .p-fieldset .p-fieldset-legend span {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0;
- }
-
- .p-column-filter-overlay-menu {
- padding: 0.75rem;
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraints {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 0 0 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button {
- margin-bottom: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0;
- }
-
- .p-fileupload .p-fileupload-content {
- border-top: 0 none;
- padding-top: 1.125rem;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #34d399;
- }
-
- .p-inline-message-text {
- font-weight: 500;
- }
-
- .p-inline-message {
- backdrop-filter: blur(10px);
- }
-
- .p-inline-message.p-inline-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
-
- .p-inline-message.p-inline-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
-
- .p-inline-message.p-inline-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
-
- .p-inline-message.p-inline-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
-
- .p-inline-message.p-inline-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
-
- .p-inline-message.p-inline-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
-
- .p-inputgroup-addon {
- padding: 0.5rem;
- }
-
- .p-inputnumber.p-inputnumber-buttons-stacked {
- position: relative;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- position: absolute;
- top: 1px;
- right: 1px;
- height: calc(100% - 2px);
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #3f3f46;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up {
- border-left: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down {
- border-right: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #3f3f46;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up {
- border-bottom: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down {
- border-top: 0 none;
- }
-
- .p-inputswitch .p-inputswitch-slider {
- border: 0 none;
- }
- .p-inputswitch.p-highlight p-inputswitch-slider:before {
- left: 1.25rem;
- transform: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- background: #fca5a5;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
- background: #18181b;
- }
-
- .p-inputtext {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
-
- .p-inputtext:disabled {
- opacity: 1;
- background-color: #3f3f46;
- color: #a1a1aa;
- }
-
- .p-knob svg {
- border-radius: 6px;
- outline-color: transparent;
- transition: outline-color 0.2s;
- }
- .p-knob svg:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-listbox {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-listbox.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-listbox.p-disabled .p-listbox-list .p-listbox-item {
- color: #a1a1aa;
- }
-
- .p-message {
- backdrop-filter: blur(10px);
- }
-
- .p-message.p-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-message.p-message-info .p-message-close:focus-visible {
- outline-color: #3b82f6;
- }
- .p-message.p-message-info .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-message.p-message-success .p-message-close:focus-visible {
- outline-color: #22c55e;
- }
- .p-message.p-message-success .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-message.p-message-warn .p-message-close:focus-visible {
- outline-color: #eab308;
- }
- .p-message.p-message-warn .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-message.p-message-error .p-message-close:focus-visible {
- outline-color: #ef4444;
- }
- .p-message.p-message-error .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-message.p-message-secondary .p-message-close:focus-visible {
- outline-color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-close:hover {
- background: #3f3f46;
- }
-
- .p-message.p-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-message.p-message-contrast .p-message-close:focus-visible {
- outline-color: #09090b;
- }
- .p-message.p-message-contrast .p-message-close:hover {
- background: #f4f4f5;
- }
-
- .p-multiselect-panel .p-multiselect-header {
- padding-left: 1rem;
- padding-right: 1rem;
- }
-
- .p-multiselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-multiselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-multiselect.p-disabled .p-multiselect-label {
- color: #a1a1aa;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- border-radius: 4px;
- margin-right: 0.25rem;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.375rem;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header {
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action {
- background: rgba(255, 255, 255, 0.08);
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- font-weight: 600;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- /*line-height: 1.5;*/
- }
- .p-panelmenu .p-panelmenu-content {
- border-radius: 6px;
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-panel {
- padding: 0.25rem 0.25rem;
- overflow: hidden;
- margin-bottom: 0.75rem;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
-
- .p-password-panel {
- background-color: #18181b;
- border: 1px solid #3f3f46;
- padding: 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.75rem;
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength {
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f87171;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #fbbf24;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #4ade80;
- }
-
- .p-orderlist-controls .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-orderlist-controls .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-orderlist-controls .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-orderlist-controls .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
-
- .p-orderlist .p-orderlist-header {
- background: #18181b;
- color: #ffffff;
- border: 0 none;
- border-bottom: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #a1a1aa;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list {
- border: 1px solid #3f3f46;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- border-radius: 6px;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-organizationchart .p-organizationchart-node-content {
- padding: 0.75rem 1rem;
- border-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid #3f3f46;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: static;
- }
- .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) {
- padding: 0.75rem 1rem 1.25rem 1rem;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
- border-right: 0 none;
- }
- .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) {
- border-top-right-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) {
- border-left: 1px solid #3f3f46;
- border-top-left-radius: 6px;
- }
-
- .p-overlaypanel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.75rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- position: absolute;
- top: 0.25rem;
- right: 0.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-overlaypanel .p-overlaypanel-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-panel {
- border: 1px solid #3f3f46;
- border-radius: 6px;
- background-color: #18181b;
- }
- .p-panel .p-panel-header,
-.p-panel .p-panel-content,
-.p-panel .p-panel-footer {
- background: transparent;
- border: 0 none;
- }
- .p-panel:has(.p-panel-footer) .p-panel-content {
- padding-bottom: 0.875rem;
- }
-
- .p-picklist-buttons .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-picklist-buttons .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-picklist-buttons .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-picklist-buttons .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
-
- .p-picklist .p-picklist-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #a1a1aa;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-picklist .p-picklist-list {
- border: 1px solid #3f3f46;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- border-radius: 6px;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-progressbar-label {
- font-size: 0.75rem;
- font-weight: 600;
- }
-
- .p-radiobutton .p-radiobutton-box {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box {
- border-color: #34d399;
- }
- .p-radiobutton.p-disabled {
- opacity: 1;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box {
- border: 1px solid #3f3f46;
- background-color: #3f3f46;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon {
- background-color: #a1a1aa;
- }
-
- .p-rating {
- gap: 0.25rem;
- }
-
- .p-selectbutton .p-button .pi,
-.p-selectbutton .p-button .p-button-label {
- position: relative;
- transition: none;
- }
- .p-selectbutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-selectbutton .p-button.p-highlight::before {
- background: #27272a;
- border-color: #27272a;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-selectbutton .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-selectbutton .p-button.p-disabled {
- opacity: 1;
- color: #71717a;
- }
- .p-selectbutton.p-invalid {
- box-shadow: 0 0 0 1px #fca5a5;
- border-radius: 6px;
- }
- .p-selectbutton.p-invalid > .p-button {
- border: 1px solid #09090b;
- }
- .p-selectbutton.p-disabled {
- opacity: 1;
- }
- .p-selectbutton.p-disabled .p-button {
- color: #71717a;
- }
-
- .p-slider .p-slider-handle {
- display: flex !important;
- justify-content: center;
- align-items: center;
- }
- .p-slider .p-slider-handle::before {
- content: "";
- width: 16px;
- height: 16px;
- display: block;
- background-color: #09090b;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline-color: #9ae9cc;
- }
-
- .p-speeddial-button.p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-splitter-gutter-handle {
- border-radius: 6px;
- }
-
- .p-stepper .p-stepper-header .p-stepper-number {
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #18181b;
- color: #34d399;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #34d399;
- }
-
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- border-width: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-steps-number {
- position: relative;
- font-weight: 500;
- }
- .p-steps .p-steps-item .p-steps-number::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #18181b;
- color: #34d399;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- color: #34d399;
- }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1;
- }
- .p-steps .p-steps-item:before {
- border-top-width: 2px;
- margin-top: calc(-1rem + 1px);
- }
- .p-steps .p-steps-item:first-child::before {
- width: calc(50% + 1rem);
- transform: translateX(100%);
- }
- .p-steps .p-steps-item:last-child::before {
- width: 50%;
- }
-
- .p-tabmenu .p-tabmenu-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: -1px;
- height: 1px;
- background-color: #34d399;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabmenu .p-tabmenu-nav {
- position: relative;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-tabview .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 1px;
- background-color: #34d399;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabview .p-tabview-nav {
- position: relative;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5);
- }
- .p-tabview .p-tabview-nav-btn.p-link:hover {
- color: #ffffff;
- }
-
- .p-tag {
- background: color-mix(in srgb, var(--primary-500), transparent 80%);
- color: var(--primary-300);
- }
- .p-tag.p-tag-success {
- background: rgba(34, 197, 94, 0.16);
- color: #22c55e;
- }
- .p-tag.p-tag-info {
- background: rgba(59, 130, 246, 0.16);
- color: #3b82f6;
- }
- .p-tag.p-tag-warning {
- background: rgba(234, 179, 8, 0.16);
- color: #eab308;
- }
- .p-tag.p-tag-danger {
- background: rgba(239, 68, 68, 0.16);
- color: #ef4444;
- }
-
- .p-terminal {
- background: #09090b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- }
- .p-terminal .p-terminal-prompt {
- margin-right: 0.25rem;
- }
- .p-terminal .p-terminal-response {
- margin: 2px 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- position: relative;
- }
- .p-timeline .p-timeline-event-marker::before {
- content: " ";
- border-radius: 50%;
- width: 0.375rem;
- height: 0.375rem;
- background-color: #34d399;
- }
- .p-timeline .p-timeline-event-marker::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-toast .p-toast-message {
- backdrop-filter: blur(10px);
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- font-size: 0.875rem;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.75rem;
- height: 1.75rem;
- margin-top: -25%;
- right: -25%;
- position: relative;
- }
-
- .p-toast .p-toast-message.p-toast-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- outline-color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- outline-color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- outline-color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover {
- background: #3f3f46;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover {
- background: #f4f4f5;
- }
-
- .p-togglebutton .p-button .p-button-label,
-.p-togglebutton .p-button .p-button-icon {
- position: relative;
- transition: none;
- }
- .p-togglebutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-togglebutton.p-highlight .p-button::before {
- background: #27272a;
- border-color: #27272a;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-togglebutton.p-disabled {
- opacity: 1;
- }
- .p-togglebutton.p-disabled .p-button {
- color: #71717a;
- }
- .p-togglebutton.p-disabled .p-button .p-button-icon {
- color: #71717a;
- }
-
- .p-toolbar {
- padding: 0.75rem;
- }
-
- .p-tree {
- border: 0 none;
- padding: 1rem;
- }
- .p-tree .p-tree-container .p-treenode {
- margin: 2px 0;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline-offset: -2px;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover {
- background-color: rgba(52, 211, 153, 0.16);
- }
- .p-tree .p-tree-container > .p-treenode:first-child {
- margin-top: 0;
- }
- .p-tree .p-tree-container > .p-treenode:last-child {
- margin-bottom: 0;
- }
-
- .p-treeselect-panel .p-tree {
- padding: 0.25rem 0.25rem;
- }
-
- .p-treeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-treeselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-treeselect.p-disabled .p-treeselect-label {
- color: #a1a1aa;
- }
-}
diff --git a/public/themes/aura-dark-indigo/fonts/Inter-italic.var.woff2 b/public/themes/aura-dark-indigo/fonts/Inter-italic.var.woff2
deleted file mode 100644
index b826d5a..0000000
Binary files a/public/themes/aura-dark-indigo/fonts/Inter-italic.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-dark-indigo/fonts/Inter-roman.var.woff2 b/public/themes/aura-dark-indigo/fonts/Inter-roman.var.woff2
deleted file mode 100644
index 6a256a0..0000000
Binary files a/public/themes/aura-dark-indigo/fonts/Inter-roman.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-dark-indigo/theme.css b/public/themes/aura-dark-indigo/theme.css
deleted file mode 100644
index 535eb1d..0000000
--- a/public/themes/aura-dark-indigo/theme.css
+++ /dev/null
@@ -1,12113 +0,0 @@
-:root {
- font-family: "Inter var", sans-serif;
- font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- font-variation-settings: normal;
- --font-family: "Inter var", sans-serif;
- --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- --text-color: #ffffff;
- --text-color-secondary: #a1a1aa;
- --primary-color: #818cf8;
- --primary-color-text: #020617;
- --surface-0: #18181b;
- --surface-50: #27272a;
- --surface-100: #3f3f46;
- --surface-200: #52525b;
- --surface-300: #71717a;
- --surface-400: #a1a1aa;
- --surface-500: #d4d4d8;
- --surface-600: #e4e4e7;
- --surface-700: #f4f4f5;
- --surface-800: #fafafa;
- --surface-900: #ffffff;
- --gray-0: #ffffff;
- --gray-50: #fafafa;
- --gray-100: #f4f4f5;
- --gray-200: #e4e4e7;
- --gray-300: #d4d4d8;
- --gray-400: #a1a1aa;
- --gray-500: #71717a;
- --gray-600: #52525b;
- --gray-700: #3f3f46;
- --gray-800: #27272a;
- --gray-900: #18181b;
- --content-padding: 1.125rem;
- --inline-spacing: 0.5rem;
- --border-radius: 6px;
- --surface-ground: #09090b;
- --surface-section: #18181b;
- --surface-card: #18181b;
- --surface-overlay: #18181b;
- --surface-border: #27272a;
- --surface-hover: rgba(255, 255, 255, 0.03);
- --focus-ring: none;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: rgba(129, 140, 248, 0.16);
- --highlight-text-color: rgba(255, 255, 255, 0.87);
- --p-anchor-gutter: 2px;
- color-scheme: dark;
-}
-
-:root {
- --p-focus-ring-color: var(--primary-color);
-}
-
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: normal;
- font-named-instance: "Regular";
- src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
-}
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: italic;
- font-named-instance: "Italic";
- src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
-}
-:root {
- --blue-50:#f5f9ff;
- --blue-100:#d0e1fd;
- --blue-200:#abc9fb;
- --blue-300:#85b2f9;
- --blue-400:#609af8;
- --blue-500:#3b82f6;
- --blue-600:#326fd1;
- --blue-700:#295bac;
- --blue-800:#204887;
- --blue-900:#183462;
- --green-50:#f4fcf7;
- --green-100:#caf1d8;
- --green-200:#a0e6ba;
- --green-300:#76db9b;
- --green-400:#4cd07d;
- --green-500:#22c55e;
- --green-600:#1da750;
- --green-700:#188a42;
- --green-800:#136c34;
- --green-900:#0e4f26;
- --yellow-50:#fefbf3;
- --yellow-100:#faedc4;
- --yellow-200:#f6de95;
- --yellow-300:#f2d066;
- --yellow-400:#eec137;
- --yellow-500:#eab308;
- --yellow-600:#c79807;
- --yellow-700:#a47d06;
- --yellow-800:#816204;
- --yellow-900:#5e4803;
- --cyan-50:#f3fbfd;
- --cyan-100:#c3edf5;
- --cyan-200:#94e0ed;
- --cyan-300:#65d2e4;
- --cyan-400:#35c4dc;
- --cyan-500:#06b6d4;
- --cyan-600:#059bb4;
- --cyan-700:#047f94;
- --cyan-800:#036475;
- --cyan-900:#024955;
- --pink-50:#fef6fa;
- --pink-100:#fad3e7;
- --pink-200:#f7b0d3;
- --pink-300:#f38ec0;
- --pink-400:#f06bac;
- --pink-500:#ec4899;
- --pink-600:#c93d82;
- --pink-700:#a5326b;
- --pink-800:#822854;
- --pink-900:#5e1d3d;
- --indigo-50:#f7f7fe;
- --indigo-100:#dadafc;
- --indigo-200:#bcbdf9;
- --indigo-300:#9ea0f6;
- --indigo-400:#8183f4;
- --indigo-500:#6366f1;
- --indigo-600:#5457cd;
- --indigo-700:#4547a9;
- --indigo-800:#363885;
- --indigo-900:#282960;
- --teal-50:#f3fbfb;
- --teal-100:#c7eeea;
- --teal-200:#9ae0d9;
- --teal-300:#6dd3c8;
- --teal-400:#41c5b7;
- --teal-500:#14b8a6;
- --teal-600:#119c8d;
- --teal-700:#0e8174;
- --teal-800:#0b655b;
- --teal-900:#084a42;
- --orange-50:#fff8f3;
- --orange-100:#feddc7;
- --orange-200:#fcc39b;
- --orange-300:#fba86f;
- --orange-400:#fa8e42;
- --orange-500:#f97316;
- --orange-600:#d46213;
- --orange-700:#ae510f;
- --orange-800:#893f0c;
- --orange-900:#642e09;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dadee3;
- --bluegray-200:#bcc3cd;
- --bluegray-300:#9fa9b7;
- --bluegray-400:#818ea1;
- --bluegray-500:#64748b;
- --bluegray-600:#556376;
- --bluegray-700:#465161;
- --bluegray-800:#37404c;
- --bluegray-900:#282e38;
- --purple-50:#fbf7ff;
- --purple-100:#ead6fd;
- --purple-200:#dab6fc;
- --purple-300:#c996fa;
- --purple-400:#b975f9;
- --purple-500:#a855f7;
- --purple-600:#8f48d2;
- --purple-700:#763cad;
- --purple-800:#5c2f88;
- --purple-900:#432263;
- --red-50:#fff5f5;
- --red-100:#ffd0ce;
- --red-200:#ffaca7;
- --red-300:#ff8780;
- --red-400:#ff6259;
- --red-500:#ff3d32;
- --red-600:#d9342b;
- --red-700:#b32b23;
- --red-800:#8c221c;
- --red-900:#661814;
- --primary-50:#f9f9ff;
- --primary-100:#e1e3fd;
- --primary-200:#c9cefc;
- --primary-300:#b1b8fb;
- --primary-400:#99a2f9;
- --primary-500:#818cf8;
- --primary-600:#6e77d3;
- --primary-700:#5a62ae;
- --primary-800:#474d88;
- --primary-900:#343863;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #18181b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #3f3f46;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- padding: 0.25rem 0.25rem;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 0.75rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #3f3f46;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #09090b;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #818cf8;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #818cf8;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #818cf8;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #818cf8;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.6;
- }
-
- .p-error {
- color: #fca5a5;
- }
-
- .p-text-secondary {
- color: #a1a1aa;
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.25rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #52525b;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #3f3f46;
- color: #ffffff;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-autocomplete-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.25rem 0.25rem;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 140, 248, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(129, 140, 248, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
-
- .p-datepicker {
- padding: 0.75rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: transparent;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0 0 0.5rem 0;
- color: #ffffff;
- background: transparent;
- font-weight: 500;
- margin: 0 0 0 0;
- border-bottom: 1px solid #3f3f46;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 1.75rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-weight: 500;
- padding: 0.25rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #818cf8;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker table th {
- padding: 0.25rem;
- }
- .p-datepicker table th > span {
- width: 2rem;
- height: 2rem;
- }
- .p-datepicker table td {
- padding: 0.25rem;
- }
- .p-datepicker table td > span {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 140, 248, 0.16);
- }
- .p-datepicker table td > span:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #3f3f46;
- color: #ffffff;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 140, 248, 0.16);
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.5rem 0 0 0;
- border-top: 1px solid #3f3f46;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #3f3f46;
- padding: 0;
- }
- .p-datepicker .p-timepicker button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 140, 248, 0.16);
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 140, 248, 0.16);
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #3f3f46;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0.25rem;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #27272a;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #27272a;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #27272a;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-cascadeselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 140, 248, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(129, 140, 248, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #3f3f46;
- background: #09090b;
- width: 1.25rem;
- height: 1.25rem;
- color: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #020617;
- font-size: 0.875rem;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #818cf8;
- background: #818cf8;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #52525b;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #a5b4fc;
- background: #a5b4fc;
- color: #020617;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #fca5a5;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #27272a;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #818cf8;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #27272a;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #a5b4fc;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #27272a;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #818cf8;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #27272a;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #a5b4fc;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #52525b;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #3f3f46;
- color: #ffffff;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-colorpicker-panel {
- background: #18181b;
- border: 1px solid #3f3f46;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff;
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-dropdown.p-variant-filled {
- background: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #a1a1aa;
- right: 2.5rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-dropdown-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.25rem 0.25rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 140, 248, 0.16);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(129, 140, 248, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #18181b;
- color: #a1a1aa;
- border-top: 1px solid #3f3f46;
- border-left: 1px solid #3f3f46;
- border-bottom: 1px solid #3f3f46;
- padding: 0.5rem 0.75rem;
- min-width: 2.5rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #3f3f46;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.5rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #27272a;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #27272a;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #27272a;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 2.5rem;
- height: 1.5rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #27272a;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #a1a1aa;
- width: 1rem;
- height: 1rem;
- left: 0.25rem;
- margin-top: -0.5rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #818cf8;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #020617;
- transform: translateX(1rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #27272a;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #a5b4fc;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #fca5a5;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- background: #09090b;
- padding: 0.5rem 0.75rem;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- appearance: none;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #52525b;
- }
- .p-inputtext:enabled:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #fca5a5;
- }
- .p-inputtext.p-variant-filled {
- background-color: #27272a;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #27272a;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #27272a;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: #a1a1aa;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #fca5a5;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: #a1a1aa;
- }
-
- :-moz-placeholder {
- color: #a1a1aa;
- }
-
- ::-moz-placeholder {
- color: #a1a1aa;
- }
-
- :-ms-input-placeholder {
- color: #a1a1aa;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #27272a;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #27272a;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #27272a;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-listbox .p-listbox-list {
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 140, 248, 0.16);
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(129, 140, 248, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-listbox.p-invalid {
- border-color: #fca5a5;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-multiselect.p-variant-filled {
- background: #27272a;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 140, 248, 0.16);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(129, 140, 248, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-password-panel {
- padding: 0 1.125rem 1.125rem 1.125rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #3f3f46;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f87171;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #fbbf24;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #4ade80;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #3f3f46;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #3f3f46;
- background: #09090b;
- width: 1.25rem;
- height: 1.25rem;
- color: #ffffff;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 0.75rem;
- height: 0.75rem;
- transition-duration: 0.2s;
- background-color: #818cf8;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #818cf8;
- background: #020617;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #52525b;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #a5b4fc;
- background: #020617;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #a5b4fc;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #fca5a5;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #020617;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #020617;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #020617;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #020617;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-size: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f87171;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #818cf8;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #818cf8;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #ef4444;
- }
-
- .p-selectbutton .p-button {
- background: #09090b;
- border: 1px solid #09090b;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #a1a1aa;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #3f3f46;
- border: 0 none;
- border-radius: 6px;
- }
- .p-slider.p-slider-horizontal {
- height: 3px;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px;
- }
- .p-slider.p-slider-vertical {
- width: 3px;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px;
- }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #3f3f46;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-slider .p-slider-range {
- background: #818cf8;
- border-radius: 6px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #3f3f46;
- border-color: transparent;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-treeselect.p-variant-filled {
- background: #27272a;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #27272a;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #09090b;
- border-radius: 6px;
- }
- .p-togglebutton .p-button {
- background: #09090b;
- border: 1px solid #09090b;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #a1a1aa;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #020617;
- background: #818cf8;
- border: 1px solid #818cf8;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #a5b4fc;
- color: #020617;
- border-color: #a5b4fc;
- }
- .p-button:not(:disabled):active {
- background: #c7d2fe;
- color: #020617;
- border-color: #c7d2fe;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #818cf8;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(129, 140, 248, 0.04);
- color: #818cf8;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(129, 140, 248, 0.16);
- color: #818cf8;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #a1a1aa;
- border-color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #818cf8;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(129, 140, 248, 0.04);
- color: #818cf8;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(129, 140, 248, 0.16);
- color: #818cf8;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #a1a1aa;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #a1a1aa;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
- .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #818cf8;
- background-color: #020617;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.5rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.5rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.5rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(39, 39, 42, 0.04);
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(39, 39, 42, 0.16);
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #27272a;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(39, 39, 42, 0.04);
- border-color: transparent;
- color: #27272a;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(39, 39, 42, 0.16);
- border-color: transparent;
- color: #27272a;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #082f49;
- background: #38bdf8;
- border: 1px solid #38bdf8;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #7dd3fc;
- color: #082f49;
- border-color: #7dd3fc;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #bae6fd;
- color: #082f49;
- border-color: #bae6fd;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(56, 189, 248, 0.04);
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(56, 189, 248, 0.16);
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #38bdf8;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(56, 189, 248, 0.04);
- border-color: transparent;
- color: #38bdf8;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(56, 189, 248, 0.16);
- border-color: transparent;
- color: #38bdf8;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #052e16;
- background: #4ade80;
- border: 1px solid #4ade80;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #86efac;
- color: #052e16;
- border-color: #86efac;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #bbf7d0;
- color: #052e16;
- border-color: #bbf7d0;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(74, 222, 128, 0.04);
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(74, 222, 128, 0.16);
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #4ade80;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(74, 222, 128, 0.04);
- border-color: transparent;
- color: #4ade80;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(74, 222, 128, 0.16);
- border-color: transparent;
- color: #4ade80;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #431407;
- background: #fb923c;
- border: 1px solid #fb923c;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #fdba74;
- color: #431407;
- border-color: #fdba74;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #fed7aa;
- color: #431407;
- border-color: #fed7aa;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(251, 146, 60, 0.04);
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(251, 146, 60, 0.16);
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #fb923c;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(251, 146, 60, 0.04);
- border-color: transparent;
- color: #fb923c;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(251, 146, 60, 0.16);
- border-color: transparent;
- color: #fb923c;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #3b0764;
- background: #c084fc;
- border: 1px solid #c084fc;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #d8b4fe;
- color: #3b0764;
- border-color: #d8b4fe;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #e9d5ff;
- color: #3b0764;
- border-color: #e9d5ff;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(192, 132, 252, 0.04);
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(192, 132, 252, 0.16);
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #c084fc;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(192, 132, 252, 0.04);
- border-color: transparent;
- color: #c084fc;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(192, 132, 252, 0.16);
- border-color: transparent;
- color: #c084fc;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #450a0a;
- background: #f87171;
- border: 1px solid #f87171;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #fca5a5;
- color: #450a0a;
- border-color: #fca5a5;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #fecaca;
- color: #450a0a;
- border-color: #fecaca;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(248, 113, 113, 0.04);
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(248, 113, 113, 0.16);
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #f87171;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(248, 113, 113, 0.04);
- border-color: transparent;
- color: #f87171;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(248, 113, 113, 0.16);
- border-color: transparent;
- color: #f87171;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #09090b;
- background: #ffffff;
- border: 1px solid #ffffff;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #f4f4f5;
- color: #09090b;
- border-color: #f4f4f5;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #e4e4e7;
- color: #09090b;
- border-color: #e4e4e7;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #ffffff;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: transparent;
- color: #ffffff;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- border-color: transparent;
- color: #ffffff;
- }
-
- .p-button.p-button-link {
- color: #818cf8;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #818cf8;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #818cf8;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-speeddial-action {
- width: 2.5rem;
- height: 2.5rem;
- background: #3f3f46;
- color: #a1a1aa;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-speeddial-action:hover {
- background: #3f3f46;
- color: #ffffff;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 6px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 6px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #3f3f46;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #3f3f46;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(129, 140, 248, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #a1a1aa;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 140, 248, 0.16);
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: rgba(129, 140, 248, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(129, 140, 248, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: 0 none;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #18181b;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(129, 140, 248, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(129, 140, 248, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(129, 140, 248, 0.16);
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-datatable .p-column-resizer-helper {
- background: #818cf8;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #18181b;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #1f1f22;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: rgba(129, 140, 248, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #18181b;
- color: #ffffff;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(129, 140, 248, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-clear-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-overlay {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.25rem 0.25rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 140, 248, 0.16);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-bottom: 1px solid #3f3f46;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-orderlist .p-orderlist-header {
- color: #ffffff;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #3f3f46;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 140, 248, 0.16);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(129, 140, 248, 0.24);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #1f1f22;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: rgba(129, 140, 248, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(13, 34, 236, 0.16);
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #3f3f46;
- border-color: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #3f3f46;
- border-color: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #18181b;
- color: #ffffff;
- border: solid #3f3f46;
- border-width: 0;
- padding: 0.5rem 1rem;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: #ffffff;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 50%;
- border-bottom-left-radius: 50%;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 50%;
- border-bottom-right-radius: 50%;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.5rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.5rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(129, 140, 248, 0.16);
- border-color: rgba(129, 140, 248, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: #ffffff;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-picklist .p-picklist-header {
- color: #ffffff;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #3f3f46;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 140, 248, 0.16);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(129, 140, 248, 0.24);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #1f1f22;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #3f3f46;
- border-radius: 50%;
- width: 1.125rem;
- height: 1.125rem;
- background-color: #020617;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #3f3f46;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-radius: 6px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0 0;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- padding: 0.25rem 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #a1a1aa;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #ffffff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(129, 140, 248, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- }
- .p-treetable .p-sortable-column {
- outline-color: var(--p-focus-ring-color);
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #a1a1aa;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 140, 248, 0.16);
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: rgba(129, 140, 248, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #18181b;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(129, 140, 248, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #ffffff;
- }
- .p-treetable .p-column-resizer-helper {
- background: #818cf8;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #18181b;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #a1a1aa;
- background: #18181b;
- font-weight: 600;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #18181b;
- background: #18181b;
- color: #ffffff;
- }
- .p-accordion .p-accordion-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-card {
- background: #18181b;
- color: #ffffff;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-card .p-card-body {
- padding: 1.5rem;
- }
- .p-card .p-card-title {
- font-size: 1.25rem;
- font-weight: 600;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #a1a1aa;
- }
- .p-card .p-card-content {
- padding: 0 0 0 0;
- }
- .p-card .p-card-footer {
- padding: 0 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-radius: 6px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- background: #18181b;
- font-weight: 600;
- border-radius: 6px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1.125rem;
- color: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: #ffffff;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #18181b;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #3f3f46;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #3f3f46;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #3f3f46;
- padding: 1.125rem;
- background: #18181b;
- color: #ffffff;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.75rem 1.125rem;
- }
- .p-panel .p-panel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panel .p-panel-footer {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #3f3f46;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #3f3f46;
- background: #18181b;
- border-radius: 6px;
- color: #ffffff;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- background: #3f3f46;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #3f3f46;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #18181b;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #a1a1aa;
- border: 1px solid #3f3f46;
- border-width: 2px;
- background: #18181b;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #ffffff;
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: rgba(129, 140, 248, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #ffffff;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #818cf8;
- }
- .p-stepper .p-stepper-panels {
- background: #18181b;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- color: #ffffff;
- }
- .p-stepper .p-stepper-separator {
- background-color: #3f3f46;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #18181b;
- color: #ffffff;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #818cf8;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-width: 0 0 1px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #3f3f46;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #3f3f46 transparent;
- background: #18181b;
- color: #a1a1aa;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #818cf8;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #18181b;
- color: #818cf8;
- width: 2.5rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-panels {
- background: #18181b;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #18181b;
- border: 1px solid #3f3f46;
- padding: 1.125rem;
- border-radius: 6px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(24, 24, 27, 0);
- border-bottom-color: #18181b;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(63, 63, 70, 0);
- border-bottom-color: #3c3c43;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #18181b;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #3f3f46;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- border: 1px solid #3f3f46;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 1.5rem;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #18181b;
- color: #ffffff;
- padding: 0 1.5rem 1.5rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #818cf8;
- color: #020617;
- width: 1.75rem;
- height: 1.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -0.875rem;
- right: -0.875rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #a5b4fc;
- color: #020617;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(24, 24, 27, 0);
- border-bottom-color: #18181b;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(63, 63, 70, 0);
- border-bottom-color: #3c3c43;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #18181b;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #3f3f46;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1.125rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #3f3f46;
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #3f3f46;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #18181b;
- padding: 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fileupload .p-fileupload-content {
- background: #18181b;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #818cf8;
- background-color: rgba(129, 140, 248, 0.16);
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #a5b4fc;
- color: #020617;
- border-color: #a5b4fc;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #c7d2fe;
- color: #020617;
- border-color: #c7d2fe;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #18181b;
- border: 0 none;
- border-radius: 6px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #71717a;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #ffffff;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #71717a;
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-contextmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 140, 248, 0.16);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(129, 140, 248, 0.24);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 6px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-dock .p-dock-link {
- width: 3rem;
- height: 3rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem 0.5rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 2px 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 140, 248, 0.16);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(129, 140, 248, 0.24);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-megamenu-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0.25rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #71717a;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 2px 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 140, 248, 0.16);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(129, 140, 248, 0.24);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu.p-menu-overlay {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem 0.5rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem {
- margin: 2px 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 140, 248, 0.16);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(129, 140, 248, 0.24);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- border-radius: 6px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #71717a;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.5rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 0 none;
- color: #a1a1aa;
- background: #18181b;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #a1a1aa;
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #18181b;
- background: #18181b;
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0.25rem;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 140, 248, 0.16);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(129, 140, 248, 0.24);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #18181b;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #a1a1aa;
- border: 1px solid #3f3f46;
- background: #18181b;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #ffffff;
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: rgba(129, 140, 248, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 500;
- color: #ffffff;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #3f3f46;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-width: 0 0 1px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #3f3f46;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #3f3f46 transparent;
- background: #18181b;
- color: #a1a1aa;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #818cf8;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(129, 140, 248, 0.16);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(129, 140, 248, 0.24);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.75rem;
- margin: 0;
- border-radius: 6px;
- }
- .p-inline-message.p-inline-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #3b82f6;
- }
- .p-inline-message.p-inline-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #22c55e;
- }
- .p-inline-message.p-inline-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #eab308;
- }
- .p-inline-message.p-inline-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #ef4444;
- }
- .p-inline-message.p-inline-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-inline-message.p-inline-message-secondary .p-inline-message-icon {
- color: #d4d4d8;
- }
- .p-inline-message.p-inline-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-inline-message.p-inline-message-contrast .p-inline-message-icon {
- color: #09090b;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 6px;
- }
- .p-message .p-message-wrapper {
- padding: 0.5rem 0.75rem;
- }
- .p-message .p-message-close {
- width: 1.75rem;
- height: 1.75rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-message.p-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-message.p-message-info .p-message-icon {
- color: #3b82f6;
- }
- .p-message.p-message-info .p-message-close {
- color: #3b82f6;
- }
- .p-message.p-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-message.p-message-success .p-message-icon {
- color: #22c55e;
- }
- .p-message.p-message-success .p-message-close {
- color: #22c55e;
- }
- .p-message.p-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #eab308;
- }
- .p-message.p-message-warn .p-message-close {
- color: #eab308;
- }
- .p-message.p-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-message.p-message-error .p-message-icon {
- color: #ef4444;
- }
- .p-message.p-message-error .p-message-close {
- color: #ef4444;
- }
- .p-message.p-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-icon {
- color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-close {
- color: #d4d4d8;
- }
- .p-message.p-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-message.p-message-contrast .p-message-icon {
- color: #09090b;
- }
- .p-message.p-message-contrast .p-message-close {
- color: #09090b;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1rem;
- height: 1rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 0.75rem;
- border-width: 1px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 1.125rem;
- height: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 500;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.125rem;
- height: 1.125rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- color: #d4d4d8;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- color: #09090b;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #a1a1aa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #a1a1aa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #ffffff;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #3f3f46;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #3f3f46;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(129, 140, 248, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(129, 140, 248, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #a1a1aa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #a1a1aa;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #ffffff;
- background-color: rgba(255, 255, 255, 0.03);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #3f3f46;
- border-radius: 6px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #18181b;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #818cf8;
- color: #020617;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-badge.p-badge-success {
- background-color: #4ade80;
- color: #052e16;
- }
- .p-badge.p-badge-info {
- background-color: #38bdf8;
- color: #082f49;
- }
- .p-badge.p-badge-warning {
- background-color: #fb923c;
- color: #431407;
- }
- .p-badge.p-badge-danger {
- background-color: #f87171;
- color: #450a0a;
- }
- .p-badge.p-badge-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-badge.p-badge-contrast {
- background-color: #ffffff;
- color: #09090b;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 6px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #818cf8;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #818cf8;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.25rem;
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #818cf8;
- }
- .p-progressbar .p-progressbar-label {
- color: #020617;
- line-height: 1.25rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #ef4444;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #ef4444;
- }
- 40% {
- stroke: #3b82f6;
- }
- 66% {
- stroke: #22c55e;
- }
- 80%, 90% {
- stroke: #eab308;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-scrolltop.p-link {
- background: #3f3f46;
- }
- .p-scrolltop.p-link:hover {
- background: #3f3f46;
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #ffffff;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 6px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #818cf8;
- color: #020617;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
- }
- .p-tag.p-tag-success {
- background-color: #4ade80;
- color: #052e16;
- }
- .p-tag.p-tag-info {
- background-color: #38bdf8;
- color: #082f49;
- }
- .p-tag.p-tag-warning {
- background-color: #fb923c;
- color: #431407;
- }
- .p-tag.p-tag-danger {
- background-color: #f87171;
- color: #450a0a;
- }
- .p-tag.p-tag-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-tag.p-tag-contrast {
- background-color: #ffffff;
- color: #09090b;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primevue {
- .p-accordion .p-accordion-header .p-accordion-header-link {
- border-radius: 6px !important;
- flex-direction: row-reverse;
- justify-content: space-between;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link:hover {
- border-bottom-color: #18181b;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- transform: rotate(90deg);
- }
- .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon {
- transform: rotate(-180deg);
- }
- .p-accordion .p-accordion-tab {
- border-bottom: 1px solid #27272a;
- }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom: 0 none;
- }
-
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.375rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete.p-disabled {
- opacity: 1;
- }
-
- .p-button-label {
- font-weight: 500;
- }
-
- .p-button.p-button-success:enabled:focus-visible {
- outline-color: #4ade80;
- }
- .p-button.p-button-info:enabled:focus-visible {
- outline-color: #38bdf8;
- }
- .p-button.p-button-warning:enabled:focus-visible {
- outline-color: #fb923c;
- }
- .p-button.p-button-help:enabled:focus-visible {
- outline-color: #c084fc;
- }
- .p-button.p-button-danger:enabled:focus-visible {
- outline-color: #f87171;
- }
- .p-button.p-button-contrast:enabled:focus-visible {
- outline-color: #ffffff;
- }
- .p-button.p-button-outlined {
- border-color: rgba(129, 140, 248, 0.44);
- }
- .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active {
- border-color: rgba(129, 140, 248, 0.44);
- }
- .p-button.p-button-outlined.p-button-secondary {
- border-color: rgba(82, 82, 91, 0.48);
- color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover {
- color: #a1a1aa;
- background-color: rgba(255, 255, 255, 0.04);
- border-color: rgba(82, 82, 91, 0.48);
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):active {
- color: #a1a1aa;
- background-color: rgba(255, 255, 255, 0.16);
- border-color: rgba(82, 82, 91, 0.48);
- }
- .p-button.p-button-outlined.p-button-success {
- border-color: rgba(21, 128, 61, 0.44);
- }
- .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active {
- border-color: rgba(21, 128, 61, 0.44);
- }
- .p-button.p-button-outlined.p-button-info {
- border-color: rgba(29, 78, 216, 0.44);
- }
- .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active {
- border-color: rgba(29, 78, 216, 0.44);
- }
- .p-button.p-button-outlined.p-button-warning {
- border-color: rgba(161, 98, 7, 0.44);
- }
- .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active {
- border-color: rgba(161, 98, 7, 0.44);
- }
- .p-button.p-button-outlined.p-button-help {
- border-color: rgba(109, 40, 217, 0.44);
- }
- .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active {
- border-color: rgba(109, 40, 217, 0.44);
- }
- .p-button.p-button-outlined.p-button-danger {
- border-color: rgba(185, 28, 28, 0.44);
- }
- .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active {
- border-color: rgba(185, 28, 28, 0.44);
- }
- .p-button.p-button-outlined.p-button-contrast {
- border-color: rgba(255, 255, 255, 0.44);
- }
- .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active {
- border-color: rgba(255, 255, 255, 0.44);
- }
- .p-button.p-button-secondary.p-button-text {
- color: #a1a1aa;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover {
- background-color: rgba(255, 255, 255, 0.04);
- color: #a1a1aa;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active {
- background-color: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
-
- .p-datepicker-buttonbar .p-button {
- padding: 0.25rem 0.75rem;
- font-size: 0.875rem;
- }
-
- .p-datepicker .p-datepicker-group-container + .p-timepicker {
- margin-top: 0.5rem;
- padding-top: 0.5rem;
- }
- .p-datepicker table th {
- font-weight: 500;
- }
-
- .p-card {
- border-radius: 12px;
- display: flex;
- flex-direction: column;
- }
- .p-card .p-card-caption {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-card .p-card-caption .p-card-title,
-.p-card .p-card-caption .p-card-subtitle {
- margin-bottom: 0;
- }
- .p-card .p-card-body {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #818cf8;
- }
-
- .p-cascadeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-cascadeselect .p-cascadeselect-label {
- box-shadow: none;
- }
- .p-cascadeselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-cascadeselect.p-disabled .p-cascadeselect-label {
- background-color: #3f3f46;
- color: #a1a1aa;
- }
-
- div.p-cascadeselect-panel {
- border: 0 none;
- box-shadow: none;
- }
-
- .p-checkbox .p-checkbox-box {
- border-radius: 4px;
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
- border-color: #818cf8;
- }
- .p-checkbox.p-disabled {
- opacity: 1;
- }
- .p-checkbox.p-disabled .p-checkbox-box {
- background-color: #3f3f46;
- border: 1px solid #3f3f46;
- }
- .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {
- color: #a1a1aa;
- }
-
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.375rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips.p-disabled .p-chips-multiple-container {
- opacity: 1;
- background-color: #3f3f46;
- }
-
- .p-chip {
- border-radius: 16px;
- padding: 0.25rem 0.75rem;
- }
- .p-chip .p-chip-text {
- margin-top: 0;
- margin-bottom: 0;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.375rem;
- }
- .p-chip:has(.p-chip-remove-icon) {
- padding-right: 0.5rem;
- }
- .p-chip img {
- margin-left: -0.5rem;
- }
-
- .p-colorpicker-preview {
- padding: 0;
- }
- .p-colorpicker-preview:enabled:focus {
- outline-offset: 2px;
- }
- .p-colorpicker-preview.p-inputtext.p-disabled {
- opacity: 0.6;
- }
-
- .p-confirm-popup {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #818cf8;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #818cf8;
- }
- .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: rgba(93, 107, 246, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight > td {
- border-bottom-color: rgba(93, 107, 246, 0.16);
- }
-
- .p-dataview-layout-options.p-selectbutton .p-button svg {
- position: relative;
- }
-
- .p-dialog {
- border-radius: 12px;
- background-color: #18181b;
- }
- .p-dialog.p-dialog-maximized {
- border-radius: 0;
- }
- .p-dialog .p-dialog-header {
- border-top-right-radius: 12px;
- border-top-left-radius: 12px;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
- .p-dialog .p-dialog-footer {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
-
- .p-dropdown {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-dropdown .p-dropdown-label {
- box-shadow: none;
- }
- .p-dropdown.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-dropdown.p-disabled .p-dropdown-label {
- color: #a1a1aa;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- margin-left: -0.375rem;
- margin-right: 0.375rem;
- }
-
- .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: rgba(93, 107, 246, 0.16);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td {
- border-bottom-color: rgba(93, 107, 246, 0.16);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover {
- background-color: rgba(129, 140, 248, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-fieldset {
- padding: 0 1.125rem 1.125rem 1.125rem;
- margin: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text {
- padding: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- color: #a1a1aa;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background-color: rgba(255, 255, 255, 0.03);
- }
- .p-fieldset .p-fieldset-legend {
- border: 0 none;
- padding: 0;
- margin-bottom: 0.375rem;
- }
- .p-fieldset .p-fieldset-legend span {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0;
- }
-
- .p-column-filter-overlay-menu {
- padding: 0.75rem;
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraints {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 0 0 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button {
- margin-bottom: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0;
- }
-
- .p-fileupload .p-fileupload-content {
- border-top: 0 none;
- padding-top: 1.125rem;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #818cf8;
- }
-
- .p-inline-message-text {
- font-weight: 500;
- }
-
- .p-inline-message {
- backdrop-filter: blur(10px);
- }
-
- .p-inline-message.p-inline-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
-
- .p-inline-message.p-inline-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
-
- .p-inline-message.p-inline-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
-
- .p-inline-message.p-inline-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
-
- .p-inline-message.p-inline-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
-
- .p-inline-message.p-inline-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
-
- .p-inputgroup-addon {
- padding: 0.5rem;
- }
-
- .p-inputnumber.p-inputnumber-buttons-stacked {
- position: relative;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- position: absolute;
- top: 1px;
- right: 1px;
- height: calc(100% - 2px);
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #3f3f46;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up {
- border-left: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down {
- border-right: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #3f3f46;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up {
- border-bottom: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down {
- border-top: 0 none;
- }
-
- .p-inputswitch .p-inputswitch-slider {
- border: 0 none;
- }
- .p-inputswitch.p-highlight p-inputswitch-slider:before {
- left: 1.25rem;
- transform: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- background: #fca5a5;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
- background: #18181b;
- }
-
- .p-inputtext {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
-
- .p-inputtext:disabled {
- opacity: 1;
- background-color: #3f3f46;
- color: #a1a1aa;
- }
-
- .p-knob svg {
- border-radius: 6px;
- outline-color: transparent;
- transition: outline-color 0.2s;
- }
- .p-knob svg:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-listbox {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-listbox.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-listbox.p-disabled .p-listbox-list .p-listbox-item {
- color: #a1a1aa;
- }
-
- .p-message {
- backdrop-filter: blur(10px);
- }
-
- .p-message.p-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-message.p-message-info .p-message-close:focus-visible {
- outline-color: #3b82f6;
- }
- .p-message.p-message-info .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-message.p-message-success .p-message-close:focus-visible {
- outline-color: #22c55e;
- }
- .p-message.p-message-success .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-message.p-message-warn .p-message-close:focus-visible {
- outline-color: #eab308;
- }
- .p-message.p-message-warn .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-message.p-message-error .p-message-close:focus-visible {
- outline-color: #ef4444;
- }
- .p-message.p-message-error .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-message.p-message-secondary .p-message-close:focus-visible {
- outline-color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-close:hover {
- background: #3f3f46;
- }
-
- .p-message.p-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-message.p-message-contrast .p-message-close:focus-visible {
- outline-color: #09090b;
- }
- .p-message.p-message-contrast .p-message-close:hover {
- background: #f4f4f5;
- }
-
- .p-multiselect-panel .p-multiselect-header {
- padding-left: 1rem;
- padding-right: 1rem;
- }
-
- .p-multiselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-multiselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-multiselect.p-disabled .p-multiselect-label {
- color: #a1a1aa;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- border-radius: 4px;
- margin-right: 0.25rem;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.375rem;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header {
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action {
- background: rgba(255, 255, 255, 0.08);
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- font-weight: 600;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- /*line-height: 1.5;*/
- }
- .p-panelmenu .p-panelmenu-content {
- border-radius: 6px;
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-panel {
- padding: 0.25rem 0.25rem;
- overflow: hidden;
- margin-bottom: 0.75rem;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
-
- .p-password-panel {
- background-color: #18181b;
- border: 1px solid #3f3f46;
- padding: 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.75rem;
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength {
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f87171;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #fbbf24;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #4ade80;
- }
-
- .p-orderlist-controls .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-orderlist-controls .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-orderlist-controls .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-orderlist-controls .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
-
- .p-orderlist .p-orderlist-header {
- background: #18181b;
- color: #ffffff;
- border: 0 none;
- border-bottom: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #a1a1aa;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list {
- border: 1px solid #3f3f46;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- border-radius: 6px;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-organizationchart .p-organizationchart-node-content {
- padding: 0.75rem 1rem;
- border-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid #3f3f46;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: static;
- }
- .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) {
- padding: 0.75rem 1rem 1.25rem 1rem;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
- border-right: 0 none;
- }
- .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) {
- border-top-right-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) {
- border-left: 1px solid #3f3f46;
- border-top-left-radius: 6px;
- }
-
- .p-overlaypanel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.75rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- position: absolute;
- top: 0.25rem;
- right: 0.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-overlaypanel .p-overlaypanel-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-panel {
- border: 1px solid #3f3f46;
- border-radius: 6px;
- background-color: #18181b;
- }
- .p-panel .p-panel-header,
-.p-panel .p-panel-content,
-.p-panel .p-panel-footer {
- background: transparent;
- border: 0 none;
- }
- .p-panel:has(.p-panel-footer) .p-panel-content {
- padding-bottom: 0.875rem;
- }
-
- .p-picklist-buttons .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-picklist-buttons .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-picklist-buttons .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-picklist-buttons .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
-
- .p-picklist .p-picklist-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #a1a1aa;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-picklist .p-picklist-list {
- border: 1px solid #3f3f46;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- border-radius: 6px;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-progressbar-label {
- font-size: 0.75rem;
- font-weight: 600;
- }
-
- .p-radiobutton .p-radiobutton-box {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box {
- border-color: #818cf8;
- }
- .p-radiobutton.p-disabled {
- opacity: 1;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box {
- border: 1px solid #3f3f46;
- background-color: #3f3f46;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon {
- background-color: #a1a1aa;
- }
-
- .p-rating {
- gap: 0.25rem;
- }
-
- .p-selectbutton .p-button .pi,
-.p-selectbutton .p-button .p-button-label {
- position: relative;
- transition: none;
- }
- .p-selectbutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-selectbutton .p-button.p-highlight::before {
- background: #27272a;
- border-color: #27272a;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-selectbutton .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-selectbutton .p-button.p-disabled {
- opacity: 1;
- color: #71717a;
- }
- .p-selectbutton.p-invalid {
- box-shadow: 0 0 0 1px #fca5a5;
- border-radius: 6px;
- }
- .p-selectbutton.p-invalid > .p-button {
- border: 1px solid #09090b;
- }
- .p-selectbutton.p-disabled {
- opacity: 1;
- }
- .p-selectbutton.p-disabled .p-button {
- color: #71717a;
- }
-
- .p-slider .p-slider-handle {
- display: flex !important;
- justify-content: center;
- align-items: center;
- }
- .p-slider .p-slider-handle::before {
- content: "";
- width: 16px;
- height: 16px;
- display: block;
- background-color: #09090b;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline-color: #c0c6fc;
- }
-
- .p-speeddial-button.p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-splitter-gutter-handle {
- border-radius: 6px;
- }
-
- .p-stepper .p-stepper-header .p-stepper-number {
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #18181b;
- color: #818cf8;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #818cf8;
- }
-
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- border-width: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-steps-number {
- position: relative;
- font-weight: 500;
- }
- .p-steps .p-steps-item .p-steps-number::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #18181b;
- color: #818cf8;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- color: #818cf8;
- }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1;
- }
- .p-steps .p-steps-item:before {
- border-top-width: 2px;
- margin-top: calc(-1rem + 1px);
- }
- .p-steps .p-steps-item:first-child::before {
- width: calc(50% + 1rem);
- transform: translateX(100%);
- }
- .p-steps .p-steps-item:last-child::before {
- width: 50%;
- }
-
- .p-tabmenu .p-tabmenu-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: -1px;
- height: 1px;
- background-color: #818cf8;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabmenu .p-tabmenu-nav {
- position: relative;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-tabview .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 1px;
- background-color: #818cf8;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabview .p-tabview-nav {
- position: relative;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5);
- }
- .p-tabview .p-tabview-nav-btn.p-link:hover {
- color: #ffffff;
- }
-
- .p-tag {
- background: color-mix(in srgb, var(--primary-500), transparent 80%);
- color: var(--primary-300);
- }
- .p-tag.p-tag-success {
- background: rgba(34, 197, 94, 0.16);
- color: #22c55e;
- }
- .p-tag.p-tag-info {
- background: rgba(59, 130, 246, 0.16);
- color: #3b82f6;
- }
- .p-tag.p-tag-warning {
- background: rgba(234, 179, 8, 0.16);
- color: #eab308;
- }
- .p-tag.p-tag-danger {
- background: rgba(239, 68, 68, 0.16);
- color: #ef4444;
- }
-
- .p-terminal {
- background: #09090b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- }
- .p-terminal .p-terminal-prompt {
- margin-right: 0.25rem;
- }
- .p-terminal .p-terminal-response {
- margin: 2px 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- position: relative;
- }
- .p-timeline .p-timeline-event-marker::before {
- content: " ";
- border-radius: 50%;
- width: 0.375rem;
- height: 0.375rem;
- background-color: #818cf8;
- }
- .p-timeline .p-timeline-event-marker::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-toast .p-toast-message {
- backdrop-filter: blur(10px);
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- font-size: 0.875rem;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.75rem;
- height: 1.75rem;
- margin-top: -25%;
- right: -25%;
- position: relative;
- }
-
- .p-toast .p-toast-message.p-toast-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- outline-color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- outline-color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- outline-color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover {
- background: #3f3f46;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover {
- background: #f4f4f5;
- }
-
- .p-togglebutton .p-button .p-button-label,
-.p-togglebutton .p-button .p-button-icon {
- position: relative;
- transition: none;
- }
- .p-togglebutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-togglebutton.p-highlight .p-button::before {
- background: #27272a;
- border-color: #27272a;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-togglebutton.p-disabled {
- opacity: 1;
- }
- .p-togglebutton.p-disabled .p-button {
- color: #71717a;
- }
- .p-togglebutton.p-disabled .p-button .p-button-icon {
- color: #71717a;
- }
-
- .p-toolbar {
- padding: 0.75rem;
- }
-
- .p-tree {
- border: 0 none;
- padding: 1rem;
- }
- .p-tree .p-tree-container .p-treenode {
- margin: 2px 0;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline-offset: -2px;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover {
- background-color: rgba(129, 140, 248, 0.16);
- }
- .p-tree .p-tree-container > .p-treenode:first-child {
- margin-top: 0;
- }
- .p-tree .p-tree-container > .p-treenode:last-child {
- margin-bottom: 0;
- }
-
- .p-treeselect-panel .p-tree {
- padding: 0.25rem 0.25rem;
- }
-
- .p-treeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-treeselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-treeselect.p-disabled .p-treeselect-label {
- color: #a1a1aa;
- }
-}
diff --git a/public/themes/aura-dark-lime/fonts/Inter-italic.var.woff2 b/public/themes/aura-dark-lime/fonts/Inter-italic.var.woff2
deleted file mode 100644
index b826d5a..0000000
Binary files a/public/themes/aura-dark-lime/fonts/Inter-italic.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-dark-lime/fonts/Inter-roman.var.woff2 b/public/themes/aura-dark-lime/fonts/Inter-roman.var.woff2
deleted file mode 100644
index 6a256a0..0000000
Binary files a/public/themes/aura-dark-lime/fonts/Inter-roman.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-dark-lime/theme.css b/public/themes/aura-dark-lime/theme.css
deleted file mode 100644
index b410f13..0000000
--- a/public/themes/aura-dark-lime/theme.css
+++ /dev/null
@@ -1,12113 +0,0 @@
-:root {
- font-family: "Inter var", sans-serif;
- font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- font-variation-settings: normal;
- --font-family: "Inter var", sans-serif;
- --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- --text-color: #ffffff;
- --text-color-secondary: #a1a1aa;
- --primary-color: #a3e635;
- --primary-color-text: #020617;
- --surface-0: #18181b;
- --surface-50: #27272a;
- --surface-100: #3f3f46;
- --surface-200: #52525b;
- --surface-300: #71717a;
- --surface-400: #a1a1aa;
- --surface-500: #d4d4d8;
- --surface-600: #e4e4e7;
- --surface-700: #f4f4f5;
- --surface-800: #fafafa;
- --surface-900: #ffffff;
- --gray-0: #ffffff;
- --gray-50: #fafafa;
- --gray-100: #f4f4f5;
- --gray-200: #e4e4e7;
- --gray-300: #d4d4d8;
- --gray-400: #a1a1aa;
- --gray-500: #71717a;
- --gray-600: #52525b;
- --gray-700: #3f3f46;
- --gray-800: #27272a;
- --gray-900: #18181b;
- --content-padding: 1.125rem;
- --inline-spacing: 0.5rem;
- --border-radius: 6px;
- --surface-ground: #09090b;
- --surface-section: #18181b;
- --surface-card: #18181b;
- --surface-overlay: #18181b;
- --surface-border: #27272a;
- --surface-hover: rgba(255, 255, 255, 0.03);
- --focus-ring: none;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: rgba(163, 230, 53, 0.16);
- --highlight-text-color: rgba(255, 255, 255, 0.87);
- --p-anchor-gutter: 2px;
- color-scheme: dark;
-}
-
-:root {
- --p-focus-ring-color: var(--primary-color);
-}
-
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: normal;
- font-named-instance: "Regular";
- src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
-}
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: italic;
- font-named-instance: "Italic";
- src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
-}
-:root {
- --blue-50:#f5f9ff;
- --blue-100:#d0e1fd;
- --blue-200:#abc9fb;
- --blue-300:#85b2f9;
- --blue-400:#609af8;
- --blue-500:#3b82f6;
- --blue-600:#326fd1;
- --blue-700:#295bac;
- --blue-800:#204887;
- --blue-900:#183462;
- --green-50:#f4fcf7;
- --green-100:#caf1d8;
- --green-200:#a0e6ba;
- --green-300:#76db9b;
- --green-400:#4cd07d;
- --green-500:#22c55e;
- --green-600:#1da750;
- --green-700:#188a42;
- --green-800:#136c34;
- --green-900:#0e4f26;
- --yellow-50:#fefbf3;
- --yellow-100:#faedc4;
- --yellow-200:#f6de95;
- --yellow-300:#f2d066;
- --yellow-400:#eec137;
- --yellow-500:#eab308;
- --yellow-600:#c79807;
- --yellow-700:#a47d06;
- --yellow-800:#816204;
- --yellow-900:#5e4803;
- --cyan-50:#f3fbfd;
- --cyan-100:#c3edf5;
- --cyan-200:#94e0ed;
- --cyan-300:#65d2e4;
- --cyan-400:#35c4dc;
- --cyan-500:#06b6d4;
- --cyan-600:#059bb4;
- --cyan-700:#047f94;
- --cyan-800:#036475;
- --cyan-900:#024955;
- --pink-50:#fef6fa;
- --pink-100:#fad3e7;
- --pink-200:#f7b0d3;
- --pink-300:#f38ec0;
- --pink-400:#f06bac;
- --pink-500:#ec4899;
- --pink-600:#c93d82;
- --pink-700:#a5326b;
- --pink-800:#822854;
- --pink-900:#5e1d3d;
- --indigo-50:#f7f7fe;
- --indigo-100:#dadafc;
- --indigo-200:#bcbdf9;
- --indigo-300:#9ea0f6;
- --indigo-400:#8183f4;
- --indigo-500:#6366f1;
- --indigo-600:#5457cd;
- --indigo-700:#4547a9;
- --indigo-800:#363885;
- --indigo-900:#282960;
- --teal-50:#f3fbfb;
- --teal-100:#c7eeea;
- --teal-200:#9ae0d9;
- --teal-300:#6dd3c8;
- --teal-400:#41c5b7;
- --teal-500:#14b8a6;
- --teal-600:#119c8d;
- --teal-700:#0e8174;
- --teal-800:#0b655b;
- --teal-900:#084a42;
- --orange-50:#fff8f3;
- --orange-100:#feddc7;
- --orange-200:#fcc39b;
- --orange-300:#fba86f;
- --orange-400:#fa8e42;
- --orange-500:#f97316;
- --orange-600:#d46213;
- --orange-700:#ae510f;
- --orange-800:#893f0c;
- --orange-900:#642e09;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dadee3;
- --bluegray-200:#bcc3cd;
- --bluegray-300:#9fa9b7;
- --bluegray-400:#818ea1;
- --bluegray-500:#64748b;
- --bluegray-600:#556376;
- --bluegray-700:#465161;
- --bluegray-800:#37404c;
- --bluegray-900:#282e38;
- --purple-50:#fbf7ff;
- --purple-100:#ead6fd;
- --purple-200:#dab6fc;
- --purple-300:#c996fa;
- --purple-400:#b975f9;
- --purple-500:#a855f7;
- --purple-600:#8f48d2;
- --purple-700:#763cad;
- --purple-800:#5c2f88;
- --purple-900:#432263;
- --red-50:#fff5f5;
- --red-100:#ffd0ce;
- --red-200:#ffaca7;
- --red-300:#ff8780;
- --red-400:#ff6259;
- --red-500:#ff3d32;
- --red-600:#d9342b;
- --red-700:#b32b23;
- --red-800:#8c221c;
- --red-900:#661814;
- --primary-50:#fafef5;
- --primary-100:#e9f9cf;
- --primary-200:#d7f4a8;
- --primary-300:#c6f082;
- --primary-400:#b4eb5b;
- --primary-500:#a3e635;
- --primary-600:#8bc42d;
- --primary-700:#72a125;
- --primary-800:#5a7f1d;
- --primary-900:#415c15;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #18181b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #3f3f46;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- padding: 0.25rem 0.25rem;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 0.75rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #3f3f46;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #09090b;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #a3e635;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #a3e635;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #a3e635;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #a3e635;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.6;
- }
-
- .p-error {
- color: #fca5a5;
- }
-
- .p-text-secondary {
- color: #a1a1aa;
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.25rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #52525b;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #3f3f46;
- color: #ffffff;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-autocomplete-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.25rem 0.25rem;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(163, 230, 53, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(163, 230, 53, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
-
- .p-datepicker {
- padding: 0.75rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: transparent;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0 0 0.5rem 0;
- color: #ffffff;
- background: transparent;
- font-weight: 500;
- margin: 0 0 0 0;
- border-bottom: 1px solid #3f3f46;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 1.75rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-weight: 500;
- padding: 0.25rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #a3e635;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker table th {
- padding: 0.25rem;
- }
- .p-datepicker table th > span {
- width: 2rem;
- height: 2rem;
- }
- .p-datepicker table td {
- padding: 0.25rem;
- }
- .p-datepicker table td > span {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(163, 230, 53, 0.16);
- }
- .p-datepicker table td > span:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #3f3f46;
- color: #ffffff;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(163, 230, 53, 0.16);
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.5rem 0 0 0;
- border-top: 1px solid #3f3f46;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #3f3f46;
- padding: 0;
- }
- .p-datepicker .p-timepicker button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(163, 230, 53, 0.16);
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(163, 230, 53, 0.16);
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #3f3f46;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0.25rem;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #27272a;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #27272a;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #27272a;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-cascadeselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(163, 230, 53, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(163, 230, 53, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #3f3f46;
- background: #09090b;
- width: 1.25rem;
- height: 1.25rem;
- color: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #020617;
- font-size: 0.875rem;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #a3e635;
- background: #a3e635;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #52525b;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #bef264;
- background: #bef264;
- color: #020617;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #fca5a5;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #27272a;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #a3e635;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #27272a;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #bef264;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #27272a;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #a3e635;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #27272a;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #bef264;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #52525b;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #3f3f46;
- color: #ffffff;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-colorpicker-panel {
- background: #18181b;
- border: 1px solid #3f3f46;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff;
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-dropdown.p-variant-filled {
- background: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #a1a1aa;
- right: 2.5rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-dropdown-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.25rem 0.25rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(163, 230, 53, 0.16);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(163, 230, 53, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #18181b;
- color: #a1a1aa;
- border-top: 1px solid #3f3f46;
- border-left: 1px solid #3f3f46;
- border-bottom: 1px solid #3f3f46;
- padding: 0.5rem 0.75rem;
- min-width: 2.5rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #3f3f46;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.5rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #27272a;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #27272a;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #27272a;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 2.5rem;
- height: 1.5rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #27272a;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #a1a1aa;
- width: 1rem;
- height: 1rem;
- left: 0.25rem;
- margin-top: -0.5rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #a3e635;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #020617;
- transform: translateX(1rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #27272a;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #bef264;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #fca5a5;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- background: #09090b;
- padding: 0.5rem 0.75rem;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- appearance: none;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #52525b;
- }
- .p-inputtext:enabled:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #fca5a5;
- }
- .p-inputtext.p-variant-filled {
- background-color: #27272a;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #27272a;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #27272a;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: #a1a1aa;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #fca5a5;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: #a1a1aa;
- }
-
- :-moz-placeholder {
- color: #a1a1aa;
- }
-
- ::-moz-placeholder {
- color: #a1a1aa;
- }
-
- :-ms-input-placeholder {
- color: #a1a1aa;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #27272a;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #27272a;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #27272a;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-listbox .p-listbox-list {
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(163, 230, 53, 0.16);
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(163, 230, 53, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-listbox.p-invalid {
- border-color: #fca5a5;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-multiselect.p-variant-filled {
- background: #27272a;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(163, 230, 53, 0.16);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(163, 230, 53, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-password-panel {
- padding: 0 1.125rem 1.125rem 1.125rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #3f3f46;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f87171;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #fbbf24;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #4ade80;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #3f3f46;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #3f3f46;
- background: #09090b;
- width: 1.25rem;
- height: 1.25rem;
- color: #ffffff;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 0.75rem;
- height: 0.75rem;
- transition-duration: 0.2s;
- background-color: #a3e635;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #a3e635;
- background: #020617;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #52525b;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #bef264;
- background: #020617;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #bef264;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #fca5a5;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #020617;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #020617;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #020617;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #020617;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-size: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f87171;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #a3e635;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #a3e635;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #ef4444;
- }
-
- .p-selectbutton .p-button {
- background: #09090b;
- border: 1px solid #09090b;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #a1a1aa;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #3f3f46;
- border: 0 none;
- border-radius: 6px;
- }
- .p-slider.p-slider-horizontal {
- height: 3px;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px;
- }
- .p-slider.p-slider-vertical {
- width: 3px;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px;
- }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #3f3f46;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-slider .p-slider-range {
- background: #a3e635;
- border-radius: 6px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #3f3f46;
- border-color: transparent;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-treeselect.p-variant-filled {
- background: #27272a;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #27272a;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #09090b;
- border-radius: 6px;
- }
- .p-togglebutton .p-button {
- background: #09090b;
- border: 1px solid #09090b;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #a1a1aa;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #020617;
- background: #a3e635;
- border: 1px solid #a3e635;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #bef264;
- color: #020617;
- border-color: #bef264;
- }
- .p-button:not(:disabled):active {
- background: #d9f99d;
- color: #020617;
- border-color: #d9f99d;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #a3e635;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(163, 230, 53, 0.04);
- color: #a3e635;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(163, 230, 53, 0.16);
- color: #a3e635;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #a1a1aa;
- border-color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #a3e635;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(163, 230, 53, 0.04);
- color: #a3e635;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(163, 230, 53, 0.16);
- color: #a3e635;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #a1a1aa;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #a1a1aa;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
- .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #a3e635;
- background-color: #020617;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.5rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.5rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.5rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(39, 39, 42, 0.04);
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(39, 39, 42, 0.16);
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #27272a;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(39, 39, 42, 0.04);
- border-color: transparent;
- color: #27272a;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(39, 39, 42, 0.16);
- border-color: transparent;
- color: #27272a;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #082f49;
- background: #38bdf8;
- border: 1px solid #38bdf8;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #7dd3fc;
- color: #082f49;
- border-color: #7dd3fc;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #bae6fd;
- color: #082f49;
- border-color: #bae6fd;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(56, 189, 248, 0.04);
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(56, 189, 248, 0.16);
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #38bdf8;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(56, 189, 248, 0.04);
- border-color: transparent;
- color: #38bdf8;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(56, 189, 248, 0.16);
- border-color: transparent;
- color: #38bdf8;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #052e16;
- background: #4ade80;
- border: 1px solid #4ade80;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #86efac;
- color: #052e16;
- border-color: #86efac;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #bbf7d0;
- color: #052e16;
- border-color: #bbf7d0;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(74, 222, 128, 0.04);
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(74, 222, 128, 0.16);
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #4ade80;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(74, 222, 128, 0.04);
- border-color: transparent;
- color: #4ade80;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(74, 222, 128, 0.16);
- border-color: transparent;
- color: #4ade80;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #431407;
- background: #fb923c;
- border: 1px solid #fb923c;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #fdba74;
- color: #431407;
- border-color: #fdba74;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #fed7aa;
- color: #431407;
- border-color: #fed7aa;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(251, 146, 60, 0.04);
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(251, 146, 60, 0.16);
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #fb923c;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(251, 146, 60, 0.04);
- border-color: transparent;
- color: #fb923c;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(251, 146, 60, 0.16);
- border-color: transparent;
- color: #fb923c;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #3b0764;
- background: #c084fc;
- border: 1px solid #c084fc;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #d8b4fe;
- color: #3b0764;
- border-color: #d8b4fe;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #e9d5ff;
- color: #3b0764;
- border-color: #e9d5ff;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(192, 132, 252, 0.04);
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(192, 132, 252, 0.16);
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #c084fc;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(192, 132, 252, 0.04);
- border-color: transparent;
- color: #c084fc;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(192, 132, 252, 0.16);
- border-color: transparent;
- color: #c084fc;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #450a0a;
- background: #f87171;
- border: 1px solid #f87171;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #fca5a5;
- color: #450a0a;
- border-color: #fca5a5;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #fecaca;
- color: #450a0a;
- border-color: #fecaca;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(248, 113, 113, 0.04);
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(248, 113, 113, 0.16);
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #f87171;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(248, 113, 113, 0.04);
- border-color: transparent;
- color: #f87171;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(248, 113, 113, 0.16);
- border-color: transparent;
- color: #f87171;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #09090b;
- background: #ffffff;
- border: 1px solid #ffffff;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #f4f4f5;
- color: #09090b;
- border-color: #f4f4f5;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #e4e4e7;
- color: #09090b;
- border-color: #e4e4e7;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #ffffff;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: transparent;
- color: #ffffff;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- border-color: transparent;
- color: #ffffff;
- }
-
- .p-button.p-button-link {
- color: #a3e635;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #a3e635;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #a3e635;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-speeddial-action {
- width: 2.5rem;
- height: 2.5rem;
- background: #3f3f46;
- color: #a1a1aa;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-speeddial-action:hover {
- background: #3f3f46;
- color: #ffffff;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 6px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 6px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #3f3f46;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #3f3f46;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(163, 230, 53, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #a1a1aa;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(163, 230, 53, 0.16);
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: rgba(163, 230, 53, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(163, 230, 53, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: 0 none;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #18181b;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(163, 230, 53, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(163, 230, 53, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(163, 230, 53, 0.16);
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-datatable .p-column-resizer-helper {
- background: #a3e635;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #18181b;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #1f1f22;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: rgba(163, 230, 53, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #18181b;
- color: #ffffff;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(163, 230, 53, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-clear-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-overlay {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.25rem 0.25rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(163, 230, 53, 0.16);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-bottom: 1px solid #3f3f46;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-orderlist .p-orderlist-header {
- color: #ffffff;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #3f3f46;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(163, 230, 53, 0.16);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(163, 230, 53, 0.24);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #1f1f22;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: rgba(163, 230, 53, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(92, 138, 17, 0.16);
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #3f3f46;
- border-color: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #3f3f46;
- border-color: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #18181b;
- color: #ffffff;
- border: solid #3f3f46;
- border-width: 0;
- padding: 0.5rem 1rem;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: #ffffff;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 50%;
- border-bottom-left-radius: 50%;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 50%;
- border-bottom-right-radius: 50%;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.5rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.5rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(163, 230, 53, 0.16);
- border-color: rgba(163, 230, 53, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: #ffffff;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-picklist .p-picklist-header {
- color: #ffffff;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #3f3f46;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(163, 230, 53, 0.16);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(163, 230, 53, 0.24);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #1f1f22;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #3f3f46;
- border-radius: 50%;
- width: 1.125rem;
- height: 1.125rem;
- background-color: #020617;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #3f3f46;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-radius: 6px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0 0;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- padding: 0.25rem 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #a1a1aa;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #ffffff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(163, 230, 53, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- }
- .p-treetable .p-sortable-column {
- outline-color: var(--p-focus-ring-color);
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #a1a1aa;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(163, 230, 53, 0.16);
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: rgba(163, 230, 53, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #18181b;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(163, 230, 53, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #ffffff;
- }
- .p-treetable .p-column-resizer-helper {
- background: #a3e635;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #18181b;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #a1a1aa;
- background: #18181b;
- font-weight: 600;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #18181b;
- background: #18181b;
- color: #ffffff;
- }
- .p-accordion .p-accordion-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-card {
- background: #18181b;
- color: #ffffff;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-card .p-card-body {
- padding: 1.5rem;
- }
- .p-card .p-card-title {
- font-size: 1.25rem;
- font-weight: 600;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #a1a1aa;
- }
- .p-card .p-card-content {
- padding: 0 0 0 0;
- }
- .p-card .p-card-footer {
- padding: 0 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-radius: 6px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- background: #18181b;
- font-weight: 600;
- border-radius: 6px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1.125rem;
- color: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: #ffffff;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #18181b;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #3f3f46;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #3f3f46;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #3f3f46;
- padding: 1.125rem;
- background: #18181b;
- color: #ffffff;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.75rem 1.125rem;
- }
- .p-panel .p-panel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panel .p-panel-footer {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #3f3f46;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #3f3f46;
- background: #18181b;
- border-radius: 6px;
- color: #ffffff;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- background: #3f3f46;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #3f3f46;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #18181b;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #a1a1aa;
- border: 1px solid #3f3f46;
- border-width: 2px;
- background: #18181b;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #ffffff;
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: rgba(163, 230, 53, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #ffffff;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #a3e635;
- }
- .p-stepper .p-stepper-panels {
- background: #18181b;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- color: #ffffff;
- }
- .p-stepper .p-stepper-separator {
- background-color: #3f3f46;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #18181b;
- color: #ffffff;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #a3e635;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-width: 0 0 1px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #3f3f46;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #3f3f46 transparent;
- background: #18181b;
- color: #a1a1aa;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #a3e635;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #18181b;
- color: #a3e635;
- width: 2.5rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-panels {
- background: #18181b;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #18181b;
- border: 1px solid #3f3f46;
- padding: 1.125rem;
- border-radius: 6px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(24, 24, 27, 0);
- border-bottom-color: #18181b;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(63, 63, 70, 0);
- border-bottom-color: #3c3c43;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #18181b;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #3f3f46;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- border: 1px solid #3f3f46;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 1.5rem;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #18181b;
- color: #ffffff;
- padding: 0 1.5rem 1.5rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #a3e635;
- color: #020617;
- width: 1.75rem;
- height: 1.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -0.875rem;
- right: -0.875rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #bef264;
- color: #020617;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(24, 24, 27, 0);
- border-bottom-color: #18181b;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(63, 63, 70, 0);
- border-bottom-color: #3c3c43;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #18181b;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #3f3f46;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1.125rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #3f3f46;
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #3f3f46;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #18181b;
- padding: 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fileupload .p-fileupload-content {
- background: #18181b;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #a3e635;
- background-color: rgba(163, 230, 53, 0.16);
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #bef264;
- color: #020617;
- border-color: #bef264;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #d9f99d;
- color: #020617;
- border-color: #d9f99d;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #18181b;
- border: 0 none;
- border-radius: 6px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #71717a;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #ffffff;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #71717a;
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-contextmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(163, 230, 53, 0.16);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(163, 230, 53, 0.24);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 6px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-dock .p-dock-link {
- width: 3rem;
- height: 3rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem 0.5rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 2px 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(163, 230, 53, 0.16);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(163, 230, 53, 0.24);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-megamenu-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0.25rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #71717a;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 2px 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(163, 230, 53, 0.16);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(163, 230, 53, 0.24);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu.p-menu-overlay {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem 0.5rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem {
- margin: 2px 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(163, 230, 53, 0.16);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(163, 230, 53, 0.24);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- border-radius: 6px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #71717a;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.5rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 0 none;
- color: #a1a1aa;
- background: #18181b;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #a1a1aa;
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #18181b;
- background: #18181b;
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0.25rem;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(163, 230, 53, 0.16);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(163, 230, 53, 0.24);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #18181b;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #a1a1aa;
- border: 1px solid #3f3f46;
- background: #18181b;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #ffffff;
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: rgba(163, 230, 53, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 500;
- color: #ffffff;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #3f3f46;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-width: 0 0 1px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #3f3f46;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #3f3f46 transparent;
- background: #18181b;
- color: #a1a1aa;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #a3e635;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(163, 230, 53, 0.16);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(163, 230, 53, 0.24);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.75rem;
- margin: 0;
- border-radius: 6px;
- }
- .p-inline-message.p-inline-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #3b82f6;
- }
- .p-inline-message.p-inline-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #22c55e;
- }
- .p-inline-message.p-inline-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #eab308;
- }
- .p-inline-message.p-inline-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #ef4444;
- }
- .p-inline-message.p-inline-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-inline-message.p-inline-message-secondary .p-inline-message-icon {
- color: #d4d4d8;
- }
- .p-inline-message.p-inline-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-inline-message.p-inline-message-contrast .p-inline-message-icon {
- color: #09090b;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 6px;
- }
- .p-message .p-message-wrapper {
- padding: 0.5rem 0.75rem;
- }
- .p-message .p-message-close {
- width: 1.75rem;
- height: 1.75rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-message.p-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-message.p-message-info .p-message-icon {
- color: #3b82f6;
- }
- .p-message.p-message-info .p-message-close {
- color: #3b82f6;
- }
- .p-message.p-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-message.p-message-success .p-message-icon {
- color: #22c55e;
- }
- .p-message.p-message-success .p-message-close {
- color: #22c55e;
- }
- .p-message.p-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #eab308;
- }
- .p-message.p-message-warn .p-message-close {
- color: #eab308;
- }
- .p-message.p-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-message.p-message-error .p-message-icon {
- color: #ef4444;
- }
- .p-message.p-message-error .p-message-close {
- color: #ef4444;
- }
- .p-message.p-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-icon {
- color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-close {
- color: #d4d4d8;
- }
- .p-message.p-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-message.p-message-contrast .p-message-icon {
- color: #09090b;
- }
- .p-message.p-message-contrast .p-message-close {
- color: #09090b;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1rem;
- height: 1rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 0.75rem;
- border-width: 1px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 1.125rem;
- height: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 500;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.125rem;
- height: 1.125rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- color: #d4d4d8;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- color: #09090b;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #a1a1aa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #a1a1aa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #ffffff;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #3f3f46;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #3f3f46;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(163, 230, 53, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(163, 230, 53, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #a1a1aa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #a1a1aa;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #ffffff;
- background-color: rgba(255, 255, 255, 0.03);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #3f3f46;
- border-radius: 6px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #18181b;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #a3e635;
- color: #020617;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-badge.p-badge-success {
- background-color: #4ade80;
- color: #052e16;
- }
- .p-badge.p-badge-info {
- background-color: #38bdf8;
- color: #082f49;
- }
- .p-badge.p-badge-warning {
- background-color: #fb923c;
- color: #431407;
- }
- .p-badge.p-badge-danger {
- background-color: #f87171;
- color: #450a0a;
- }
- .p-badge.p-badge-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-badge.p-badge-contrast {
- background-color: #ffffff;
- color: #09090b;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 6px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #a3e635;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #a3e635;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.25rem;
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #a3e635;
- }
- .p-progressbar .p-progressbar-label {
- color: #020617;
- line-height: 1.25rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #ef4444;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #ef4444;
- }
- 40% {
- stroke: #3b82f6;
- }
- 66% {
- stroke: #22c55e;
- }
- 80%, 90% {
- stroke: #eab308;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-scrolltop.p-link {
- background: #3f3f46;
- }
- .p-scrolltop.p-link:hover {
- background: #3f3f46;
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #ffffff;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 6px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #a3e635;
- color: #020617;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
- }
- .p-tag.p-tag-success {
- background-color: #4ade80;
- color: #052e16;
- }
- .p-tag.p-tag-info {
- background-color: #38bdf8;
- color: #082f49;
- }
- .p-tag.p-tag-warning {
- background-color: #fb923c;
- color: #431407;
- }
- .p-tag.p-tag-danger {
- background-color: #f87171;
- color: #450a0a;
- }
- .p-tag.p-tag-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-tag.p-tag-contrast {
- background-color: #ffffff;
- color: #09090b;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primevue {
- .p-accordion .p-accordion-header .p-accordion-header-link {
- border-radius: 6px !important;
- flex-direction: row-reverse;
- justify-content: space-between;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link:hover {
- border-bottom-color: #18181b;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- transform: rotate(90deg);
- }
- .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon {
- transform: rotate(-180deg);
- }
- .p-accordion .p-accordion-tab {
- border-bottom: 1px solid #27272a;
- }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom: 0 none;
- }
-
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.375rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete.p-disabled {
- opacity: 1;
- }
-
- .p-button-label {
- font-weight: 500;
- }
-
- .p-button.p-button-success:enabled:focus-visible {
- outline-color: #4ade80;
- }
- .p-button.p-button-info:enabled:focus-visible {
- outline-color: #38bdf8;
- }
- .p-button.p-button-warning:enabled:focus-visible {
- outline-color: #fb923c;
- }
- .p-button.p-button-help:enabled:focus-visible {
- outline-color: #c084fc;
- }
- .p-button.p-button-danger:enabled:focus-visible {
- outline-color: #f87171;
- }
- .p-button.p-button-contrast:enabled:focus-visible {
- outline-color: #ffffff;
- }
- .p-button.p-button-outlined {
- border-color: rgba(163, 230, 53, 0.44);
- }
- .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active {
- border-color: rgba(163, 230, 53, 0.44);
- }
- .p-button.p-button-outlined.p-button-secondary {
- border-color: rgba(82, 82, 91, 0.48);
- color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover {
- color: #a1a1aa;
- background-color: rgba(255, 255, 255, 0.04);
- border-color: rgba(82, 82, 91, 0.48);
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):active {
- color: #a1a1aa;
- background-color: rgba(255, 255, 255, 0.16);
- border-color: rgba(82, 82, 91, 0.48);
- }
- .p-button.p-button-outlined.p-button-success {
- border-color: rgba(21, 128, 61, 0.44);
- }
- .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active {
- border-color: rgba(21, 128, 61, 0.44);
- }
- .p-button.p-button-outlined.p-button-info {
- border-color: rgba(29, 78, 216, 0.44);
- }
- .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active {
- border-color: rgba(29, 78, 216, 0.44);
- }
- .p-button.p-button-outlined.p-button-warning {
- border-color: rgba(161, 98, 7, 0.44);
- }
- .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active {
- border-color: rgba(161, 98, 7, 0.44);
- }
- .p-button.p-button-outlined.p-button-help {
- border-color: rgba(109, 40, 217, 0.44);
- }
- .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active {
- border-color: rgba(109, 40, 217, 0.44);
- }
- .p-button.p-button-outlined.p-button-danger {
- border-color: rgba(185, 28, 28, 0.44);
- }
- .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active {
- border-color: rgba(185, 28, 28, 0.44);
- }
- .p-button.p-button-outlined.p-button-contrast {
- border-color: rgba(255, 255, 255, 0.44);
- }
- .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active {
- border-color: rgba(255, 255, 255, 0.44);
- }
- .p-button.p-button-secondary.p-button-text {
- color: #a1a1aa;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover {
- background-color: rgba(255, 255, 255, 0.04);
- color: #a1a1aa;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active {
- background-color: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
-
- .p-datepicker-buttonbar .p-button {
- padding: 0.25rem 0.75rem;
- font-size: 0.875rem;
- }
-
- .p-datepicker .p-datepicker-group-container + .p-timepicker {
- margin-top: 0.5rem;
- padding-top: 0.5rem;
- }
- .p-datepicker table th {
- font-weight: 500;
- }
-
- .p-card {
- border-radius: 12px;
- display: flex;
- flex-direction: column;
- }
- .p-card .p-card-caption {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-card .p-card-caption .p-card-title,
-.p-card .p-card-caption .p-card-subtitle {
- margin-bottom: 0;
- }
- .p-card .p-card-body {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #a3e635;
- }
-
- .p-cascadeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-cascadeselect .p-cascadeselect-label {
- box-shadow: none;
- }
- .p-cascadeselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-cascadeselect.p-disabled .p-cascadeselect-label {
- background-color: #3f3f46;
- color: #a1a1aa;
- }
-
- div.p-cascadeselect-panel {
- border: 0 none;
- box-shadow: none;
- }
-
- .p-checkbox .p-checkbox-box {
- border-radius: 4px;
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
- border-color: #a3e635;
- }
- .p-checkbox.p-disabled {
- opacity: 1;
- }
- .p-checkbox.p-disabled .p-checkbox-box {
- background-color: #3f3f46;
- border: 1px solid #3f3f46;
- }
- .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {
- color: #a1a1aa;
- }
-
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.375rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips.p-disabled .p-chips-multiple-container {
- opacity: 1;
- background-color: #3f3f46;
- }
-
- .p-chip {
- border-radius: 16px;
- padding: 0.25rem 0.75rem;
- }
- .p-chip .p-chip-text {
- margin-top: 0;
- margin-bottom: 0;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.375rem;
- }
- .p-chip:has(.p-chip-remove-icon) {
- padding-right: 0.5rem;
- }
- .p-chip img {
- margin-left: -0.5rem;
- }
-
- .p-colorpicker-preview {
- padding: 0;
- }
- .p-colorpicker-preview:enabled:focus {
- outline-offset: 2px;
- }
- .p-colorpicker-preview.p-inputtext.p-disabled {
- opacity: 0.6;
- }
-
- .p-confirm-popup {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #a3e635;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #a3e635;
- }
- .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: rgba(151, 227, 28, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight > td {
- border-bottom-color: rgba(151, 227, 28, 0.16);
- }
-
- .p-dataview-layout-options.p-selectbutton .p-button svg {
- position: relative;
- }
-
- .p-dialog {
- border-radius: 12px;
- background-color: #18181b;
- }
- .p-dialog.p-dialog-maximized {
- border-radius: 0;
- }
- .p-dialog .p-dialog-header {
- border-top-right-radius: 12px;
- border-top-left-radius: 12px;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
- .p-dialog .p-dialog-footer {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
-
- .p-dropdown {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-dropdown .p-dropdown-label {
- box-shadow: none;
- }
- .p-dropdown.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-dropdown.p-disabled .p-dropdown-label {
- color: #a1a1aa;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- margin-left: -0.375rem;
- margin-right: 0.375rem;
- }
-
- .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: rgba(151, 227, 28, 0.16);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td {
- border-bottom-color: rgba(151, 227, 28, 0.16);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover {
- background-color: rgba(163, 230, 53, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-fieldset {
- padding: 0 1.125rem 1.125rem 1.125rem;
- margin: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text {
- padding: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- color: #a1a1aa;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background-color: rgba(255, 255, 255, 0.03);
- }
- .p-fieldset .p-fieldset-legend {
- border: 0 none;
- padding: 0;
- margin-bottom: 0.375rem;
- }
- .p-fieldset .p-fieldset-legend span {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0;
- }
-
- .p-column-filter-overlay-menu {
- padding: 0.75rem;
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraints {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 0 0 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button {
- margin-bottom: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0;
- }
-
- .p-fileupload .p-fileupload-content {
- border-top: 0 none;
- padding-top: 1.125rem;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #a3e635;
- }
-
- .p-inline-message-text {
- font-weight: 500;
- }
-
- .p-inline-message {
- backdrop-filter: blur(10px);
- }
-
- .p-inline-message.p-inline-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
-
- .p-inline-message.p-inline-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
-
- .p-inline-message.p-inline-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
-
- .p-inline-message.p-inline-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
-
- .p-inline-message.p-inline-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
-
- .p-inline-message.p-inline-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
-
- .p-inputgroup-addon {
- padding: 0.5rem;
- }
-
- .p-inputnumber.p-inputnumber-buttons-stacked {
- position: relative;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- position: absolute;
- top: 1px;
- right: 1px;
- height: calc(100% - 2px);
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #3f3f46;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up {
- border-left: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down {
- border-right: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #3f3f46;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up {
- border-bottom: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down {
- border-top: 0 none;
- }
-
- .p-inputswitch .p-inputswitch-slider {
- border: 0 none;
- }
- .p-inputswitch.p-highlight p-inputswitch-slider:before {
- left: 1.25rem;
- transform: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- background: #fca5a5;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
- background: #18181b;
- }
-
- .p-inputtext {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
-
- .p-inputtext:disabled {
- opacity: 1;
- background-color: #3f3f46;
- color: #a1a1aa;
- }
-
- .p-knob svg {
- border-radius: 6px;
- outline-color: transparent;
- transition: outline-color 0.2s;
- }
- .p-knob svg:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-listbox {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-listbox.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-listbox.p-disabled .p-listbox-list .p-listbox-item {
- color: #a1a1aa;
- }
-
- .p-message {
- backdrop-filter: blur(10px);
- }
-
- .p-message.p-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-message.p-message-info .p-message-close:focus-visible {
- outline-color: #3b82f6;
- }
- .p-message.p-message-info .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-message.p-message-success .p-message-close:focus-visible {
- outline-color: #22c55e;
- }
- .p-message.p-message-success .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-message.p-message-warn .p-message-close:focus-visible {
- outline-color: #eab308;
- }
- .p-message.p-message-warn .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-message.p-message-error .p-message-close:focus-visible {
- outline-color: #ef4444;
- }
- .p-message.p-message-error .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-message.p-message-secondary .p-message-close:focus-visible {
- outline-color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-close:hover {
- background: #3f3f46;
- }
-
- .p-message.p-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-message.p-message-contrast .p-message-close:focus-visible {
- outline-color: #09090b;
- }
- .p-message.p-message-contrast .p-message-close:hover {
- background: #f4f4f5;
- }
-
- .p-multiselect-panel .p-multiselect-header {
- padding-left: 1rem;
- padding-right: 1rem;
- }
-
- .p-multiselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-multiselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-multiselect.p-disabled .p-multiselect-label {
- color: #a1a1aa;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- border-radius: 4px;
- margin-right: 0.25rem;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.375rem;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header {
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action {
- background: rgba(255, 255, 255, 0.08);
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- font-weight: 600;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- /*line-height: 1.5;*/
- }
- .p-panelmenu .p-panelmenu-content {
- border-radius: 6px;
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-panel {
- padding: 0.25rem 0.25rem;
- overflow: hidden;
- margin-bottom: 0.75rem;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
-
- .p-password-panel {
- background-color: #18181b;
- border: 1px solid #3f3f46;
- padding: 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.75rem;
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength {
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f87171;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #fbbf24;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #4ade80;
- }
-
- .p-orderlist-controls .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-orderlist-controls .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-orderlist-controls .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-orderlist-controls .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
-
- .p-orderlist .p-orderlist-header {
- background: #18181b;
- color: #ffffff;
- border: 0 none;
- border-bottom: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #a1a1aa;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list {
- border: 1px solid #3f3f46;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- border-radius: 6px;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-organizationchart .p-organizationchart-node-content {
- padding: 0.75rem 1rem;
- border-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid #3f3f46;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: static;
- }
- .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) {
- padding: 0.75rem 1rem 1.25rem 1rem;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
- border-right: 0 none;
- }
- .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) {
- border-top-right-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) {
- border-left: 1px solid #3f3f46;
- border-top-left-radius: 6px;
- }
-
- .p-overlaypanel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.75rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- position: absolute;
- top: 0.25rem;
- right: 0.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-overlaypanel .p-overlaypanel-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-panel {
- border: 1px solid #3f3f46;
- border-radius: 6px;
- background-color: #18181b;
- }
- .p-panel .p-panel-header,
-.p-panel .p-panel-content,
-.p-panel .p-panel-footer {
- background: transparent;
- border: 0 none;
- }
- .p-panel:has(.p-panel-footer) .p-panel-content {
- padding-bottom: 0.875rem;
- }
-
- .p-picklist-buttons .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-picklist-buttons .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-picklist-buttons .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-picklist-buttons .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
-
- .p-picklist .p-picklist-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #a1a1aa;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-picklist .p-picklist-list {
- border: 1px solid #3f3f46;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- border-radius: 6px;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-progressbar-label {
- font-size: 0.75rem;
- font-weight: 600;
- }
-
- .p-radiobutton .p-radiobutton-box {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box {
- border-color: #a3e635;
- }
- .p-radiobutton.p-disabled {
- opacity: 1;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box {
- border: 1px solid #3f3f46;
- background-color: #3f3f46;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon {
- background-color: #a1a1aa;
- }
-
- .p-rating {
- gap: 0.25rem;
- }
-
- .p-selectbutton .p-button .pi,
-.p-selectbutton .p-button .p-button-label {
- position: relative;
- transition: none;
- }
- .p-selectbutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-selectbutton .p-button.p-highlight::before {
- background: #27272a;
- border-color: #27272a;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-selectbutton .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-selectbutton .p-button.p-disabled {
- opacity: 1;
- color: #71717a;
- }
- .p-selectbutton.p-invalid {
- box-shadow: 0 0 0 1px #fca5a5;
- border-radius: 6px;
- }
- .p-selectbutton.p-invalid > .p-button {
- border: 1px solid #09090b;
- }
- .p-selectbutton.p-disabled {
- opacity: 1;
- }
- .p-selectbutton.p-disabled .p-button {
- color: #71717a;
- }
-
- .p-slider .p-slider-handle {
- display: flex !important;
- justify-content: center;
- align-items: center;
- }
- .p-slider .p-slider-handle::before {
- content: "";
- width: 16px;
- height: 16px;
- display: block;
- background-color: #09090b;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline-color: #d1f39a;
- }
-
- .p-speeddial-button.p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-splitter-gutter-handle {
- border-radius: 6px;
- }
-
- .p-stepper .p-stepper-header .p-stepper-number {
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #18181b;
- color: #a3e635;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #a3e635;
- }
-
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- border-width: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-steps-number {
- position: relative;
- font-weight: 500;
- }
- .p-steps .p-steps-item .p-steps-number::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #18181b;
- color: #a3e635;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- color: #a3e635;
- }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1;
- }
- .p-steps .p-steps-item:before {
- border-top-width: 2px;
- margin-top: calc(-1rem + 1px);
- }
- .p-steps .p-steps-item:first-child::before {
- width: calc(50% + 1rem);
- transform: translateX(100%);
- }
- .p-steps .p-steps-item:last-child::before {
- width: 50%;
- }
-
- .p-tabmenu .p-tabmenu-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: -1px;
- height: 1px;
- background-color: #a3e635;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabmenu .p-tabmenu-nav {
- position: relative;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-tabview .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 1px;
- background-color: #a3e635;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabview .p-tabview-nav {
- position: relative;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5);
- }
- .p-tabview .p-tabview-nav-btn.p-link:hover {
- color: #ffffff;
- }
-
- .p-tag {
- background: color-mix(in srgb, var(--primary-500), transparent 80%);
- color: var(--primary-300);
- }
- .p-tag.p-tag-success {
- background: rgba(34, 197, 94, 0.16);
- color: #22c55e;
- }
- .p-tag.p-tag-info {
- background: rgba(59, 130, 246, 0.16);
- color: #3b82f6;
- }
- .p-tag.p-tag-warning {
- background: rgba(234, 179, 8, 0.16);
- color: #eab308;
- }
- .p-tag.p-tag-danger {
- background: rgba(239, 68, 68, 0.16);
- color: #ef4444;
- }
-
- .p-terminal {
- background: #09090b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- }
- .p-terminal .p-terminal-prompt {
- margin-right: 0.25rem;
- }
- .p-terminal .p-terminal-response {
- margin: 2px 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- position: relative;
- }
- .p-timeline .p-timeline-event-marker::before {
- content: " ";
- border-radius: 50%;
- width: 0.375rem;
- height: 0.375rem;
- background-color: #a3e635;
- }
- .p-timeline .p-timeline-event-marker::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-toast .p-toast-message {
- backdrop-filter: blur(10px);
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- font-size: 0.875rem;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.75rem;
- height: 1.75rem;
- margin-top: -25%;
- right: -25%;
- position: relative;
- }
-
- .p-toast .p-toast-message.p-toast-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- outline-color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- outline-color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- outline-color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover {
- background: #3f3f46;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover {
- background: #f4f4f5;
- }
-
- .p-togglebutton .p-button .p-button-label,
-.p-togglebutton .p-button .p-button-icon {
- position: relative;
- transition: none;
- }
- .p-togglebutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-togglebutton.p-highlight .p-button::before {
- background: #27272a;
- border-color: #27272a;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-togglebutton.p-disabled {
- opacity: 1;
- }
- .p-togglebutton.p-disabled .p-button {
- color: #71717a;
- }
- .p-togglebutton.p-disabled .p-button .p-button-icon {
- color: #71717a;
- }
-
- .p-toolbar {
- padding: 0.75rem;
- }
-
- .p-tree {
- border: 0 none;
- padding: 1rem;
- }
- .p-tree .p-tree-container .p-treenode {
- margin: 2px 0;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline-offset: -2px;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover {
- background-color: rgba(163, 230, 53, 0.16);
- }
- .p-tree .p-tree-container > .p-treenode:first-child {
- margin-top: 0;
- }
- .p-tree .p-tree-container > .p-treenode:last-child {
- margin-bottom: 0;
- }
-
- .p-treeselect-panel .p-tree {
- padding: 0.25rem 0.25rem;
- }
-
- .p-treeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-treeselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-treeselect.p-disabled .p-treeselect-label {
- color: #a1a1aa;
- }
-}
diff --git a/public/themes/aura-dark-noir/fonts/Inter-italic.var.woff2 b/public/themes/aura-dark-noir/fonts/Inter-italic.var.woff2
deleted file mode 100644
index b826d5a..0000000
Binary files a/public/themes/aura-dark-noir/fonts/Inter-italic.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-dark-noir/fonts/Inter-roman.var.woff2 b/public/themes/aura-dark-noir/fonts/Inter-roman.var.woff2
deleted file mode 100644
index 6a256a0..0000000
Binary files a/public/themes/aura-dark-noir/fonts/Inter-roman.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-dark-noir/theme.css b/public/themes/aura-dark-noir/theme.css
deleted file mode 100644
index 8dac6e6..0000000
--- a/public/themes/aura-dark-noir/theme.css
+++ /dev/null
@@ -1,12113 +0,0 @@
-:root {
- font-family: "Inter var", sans-serif;
- font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- font-variation-settings: normal;
- --font-family: "Inter var", sans-serif;
- --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- --text-color: #ffffff;
- --text-color-secondary: #a1a1aa;
- --primary-color: #fafafa;
- --primary-color-text: #020617;
- --surface-0: #18181b;
- --surface-50: #27272a;
- --surface-100: #3f3f46;
- --surface-200: #52525b;
- --surface-300: #71717a;
- --surface-400: #a1a1aa;
- --surface-500: #d4d4d8;
- --surface-600: #e4e4e7;
- --surface-700: #f4f4f5;
- --surface-800: #fafafa;
- --surface-900: #ffffff;
- --gray-0: #ffffff;
- --gray-50: #fafafa;
- --gray-100: #f4f4f5;
- --gray-200: #e4e4e7;
- --gray-300: #d4d4d8;
- --gray-400: #a1a1aa;
- --gray-500: #71717a;
- --gray-600: #52525b;
- --gray-700: #3f3f46;
- --gray-800: #27272a;
- --gray-900: #18181b;
- --content-padding: 1.125rem;
- --inline-spacing: 0.5rem;
- --border-radius: 6px;
- --surface-ground: #09090b;
- --surface-section: #18181b;
- --surface-card: #18181b;
- --surface-overlay: #18181b;
- --surface-border: #27272a;
- --surface-hover: rgba(255, 255, 255, 0.03);
- --focus-ring: none;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: rgba(250, 250, 250, 0.16);
- --highlight-text-color: rgba(255, 255, 255, 0.87);
- --p-anchor-gutter: 2px;
- color-scheme: dark;
-}
-
-:root {
- --p-focus-ring-color: var(--primary-color);
-}
-
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: normal;
- font-named-instance: "Regular";
- src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
-}
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: italic;
- font-named-instance: "Italic";
- src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
-}
-:root {
- --blue-50:#f5f9ff;
- --blue-100:#d0e1fd;
- --blue-200:#abc9fb;
- --blue-300:#85b2f9;
- --blue-400:#609af8;
- --blue-500:#3b82f6;
- --blue-600:#326fd1;
- --blue-700:#295bac;
- --blue-800:#204887;
- --blue-900:#183462;
- --green-50:#f4fcf7;
- --green-100:#caf1d8;
- --green-200:#a0e6ba;
- --green-300:#76db9b;
- --green-400:#4cd07d;
- --green-500:#22c55e;
- --green-600:#1da750;
- --green-700:#188a42;
- --green-800:#136c34;
- --green-900:#0e4f26;
- --yellow-50:#fefbf3;
- --yellow-100:#faedc4;
- --yellow-200:#f6de95;
- --yellow-300:#f2d066;
- --yellow-400:#eec137;
- --yellow-500:#eab308;
- --yellow-600:#c79807;
- --yellow-700:#a47d06;
- --yellow-800:#816204;
- --yellow-900:#5e4803;
- --cyan-50:#f3fbfd;
- --cyan-100:#c3edf5;
- --cyan-200:#94e0ed;
- --cyan-300:#65d2e4;
- --cyan-400:#35c4dc;
- --cyan-500:#06b6d4;
- --cyan-600:#059bb4;
- --cyan-700:#047f94;
- --cyan-800:#036475;
- --cyan-900:#024955;
- --pink-50:#fef6fa;
- --pink-100:#fad3e7;
- --pink-200:#f7b0d3;
- --pink-300:#f38ec0;
- --pink-400:#f06bac;
- --pink-500:#ec4899;
- --pink-600:#c93d82;
- --pink-700:#a5326b;
- --pink-800:#822854;
- --pink-900:#5e1d3d;
- --indigo-50:#f7f7fe;
- --indigo-100:#dadafc;
- --indigo-200:#bcbdf9;
- --indigo-300:#9ea0f6;
- --indigo-400:#8183f4;
- --indigo-500:#6366f1;
- --indigo-600:#5457cd;
- --indigo-700:#4547a9;
- --indigo-800:#363885;
- --indigo-900:#282960;
- --teal-50:#f3fbfb;
- --teal-100:#c7eeea;
- --teal-200:#9ae0d9;
- --teal-300:#6dd3c8;
- --teal-400:#41c5b7;
- --teal-500:#14b8a6;
- --teal-600:#119c8d;
- --teal-700:#0e8174;
- --teal-800:#0b655b;
- --teal-900:#084a42;
- --orange-50:#fff8f3;
- --orange-100:#feddc7;
- --orange-200:#fcc39b;
- --orange-300:#fba86f;
- --orange-400:#fa8e42;
- --orange-500:#f97316;
- --orange-600:#d46213;
- --orange-700:#ae510f;
- --orange-800:#893f0c;
- --orange-900:#642e09;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dadee3;
- --bluegray-200:#bcc3cd;
- --bluegray-300:#9fa9b7;
- --bluegray-400:#818ea1;
- --bluegray-500:#64748b;
- --bluegray-600:#556376;
- --bluegray-700:#465161;
- --bluegray-800:#37404c;
- --bluegray-900:#282e38;
- --purple-50:#fbf7ff;
- --purple-100:#ead6fd;
- --purple-200:#dab6fc;
- --purple-300:#c996fa;
- --purple-400:#b975f9;
- --purple-500:#a855f7;
- --purple-600:#8f48d2;
- --purple-700:#763cad;
- --purple-800:#5c2f88;
- --purple-900:#432263;
- --red-50:#fff5f5;
- --red-100:#ffd0ce;
- --red-200:#ffaca7;
- --red-300:#ff8780;
- --red-400:#ff6259;
- --red-500:#ff3d32;
- --red-600:#d9342b;
- --red-700:#b32b23;
- --red-800:#8c221c;
- --red-900:#661814;
- --primary-50:white;
- --primary-100:#fefefe;
- --primary-200:#fdfdfd;
- --primary-300:#fcfcfc;
- --primary-400:#fbfbfb;
- --primary-500:#fafafa;
- --primary-600:#d5d5d5;
- --primary-700:#afafaf;
- --primary-800:#8a8a8a;
- --primary-900:#646464;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #18181b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #3f3f46;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- padding: 0.25rem 0.25rem;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 0.75rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #3f3f46;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #09090b;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #fafafa;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #fafafa;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #fafafa;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #fafafa;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.6;
- }
-
- .p-error {
- color: #fca5a5;
- }
-
- .p-text-secondary {
- color: #a1a1aa;
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.25rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #52525b;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #3f3f46;
- color: #ffffff;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-autocomplete-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.25rem 0.25rem;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(250, 250, 250, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(250, 250, 250, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
-
- .p-datepicker {
- padding: 0.75rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: transparent;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0 0 0.5rem 0;
- color: #ffffff;
- background: transparent;
- font-weight: 500;
- margin: 0 0 0 0;
- border-bottom: 1px solid #3f3f46;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 1.75rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-weight: 500;
- padding: 0.25rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #fafafa;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker table th {
- padding: 0.25rem;
- }
- .p-datepicker table th > span {
- width: 2rem;
- height: 2rem;
- }
- .p-datepicker table td {
- padding: 0.25rem;
- }
- .p-datepicker table td > span {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(250, 250, 250, 0.16);
- }
- .p-datepicker table td > span:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #3f3f46;
- color: #ffffff;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(250, 250, 250, 0.16);
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.5rem 0 0 0;
- border-top: 1px solid #3f3f46;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #3f3f46;
- padding: 0;
- }
- .p-datepicker .p-timepicker button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(250, 250, 250, 0.16);
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(250, 250, 250, 0.16);
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #3f3f46;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0.25rem;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #27272a;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #27272a;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #27272a;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-cascadeselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(250, 250, 250, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(250, 250, 250, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #3f3f46;
- background: #09090b;
- width: 1.25rem;
- height: 1.25rem;
- color: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #020617;
- font-size: 0.875rem;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #fafafa;
- background: #fafafa;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #52525b;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #f4f4f5;
- background: #f4f4f5;
- color: #020617;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #fca5a5;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #27272a;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #fafafa;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #27272a;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #f4f4f5;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #27272a;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #fafafa;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #27272a;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #f4f4f5;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #52525b;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #3f3f46;
- color: #ffffff;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-colorpicker-panel {
- background: #18181b;
- border: 1px solid #3f3f46;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff;
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-dropdown.p-variant-filled {
- background: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #a1a1aa;
- right: 2.5rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-dropdown-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.25rem 0.25rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(250, 250, 250, 0.16);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(250, 250, 250, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #18181b;
- color: #a1a1aa;
- border-top: 1px solid #3f3f46;
- border-left: 1px solid #3f3f46;
- border-bottom: 1px solid #3f3f46;
- padding: 0.5rem 0.75rem;
- min-width: 2.5rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #3f3f46;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.5rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #27272a;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #27272a;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #27272a;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 2.5rem;
- height: 1.5rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #27272a;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #a1a1aa;
- width: 1rem;
- height: 1rem;
- left: 0.25rem;
- margin-top: -0.5rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #fafafa;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #020617;
- transform: translateX(1rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #27272a;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #f4f4f5;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #fca5a5;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- background: #09090b;
- padding: 0.5rem 0.75rem;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- appearance: none;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #52525b;
- }
- .p-inputtext:enabled:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #fca5a5;
- }
- .p-inputtext.p-variant-filled {
- background-color: #27272a;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #27272a;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #27272a;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: #a1a1aa;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #fca5a5;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: #a1a1aa;
- }
-
- :-moz-placeholder {
- color: #a1a1aa;
- }
-
- ::-moz-placeholder {
- color: #a1a1aa;
- }
-
- :-ms-input-placeholder {
- color: #a1a1aa;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #27272a;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #27272a;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #27272a;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-listbox .p-listbox-list {
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(250, 250, 250, 0.16);
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(250, 250, 250, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-listbox.p-invalid {
- border-color: #fca5a5;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-multiselect.p-variant-filled {
- background: #27272a;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(250, 250, 250, 0.16);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(250, 250, 250, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-password-panel {
- padding: 0 1.125rem 1.125rem 1.125rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #3f3f46;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f87171;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #fbbf24;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #4ade80;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #3f3f46;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #3f3f46;
- background: #09090b;
- width: 1.25rem;
- height: 1.25rem;
- color: #ffffff;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 0.75rem;
- height: 0.75rem;
- transition-duration: 0.2s;
- background-color: #fafafa;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #fafafa;
- background: #020617;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #52525b;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #f4f4f5;
- background: #020617;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #f4f4f5;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #fca5a5;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #020617;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #020617;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #020617;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #020617;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-size: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f87171;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #fafafa;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #fafafa;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #ef4444;
- }
-
- .p-selectbutton .p-button {
- background: #09090b;
- border: 1px solid #09090b;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #a1a1aa;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #3f3f46;
- border: 0 none;
- border-radius: 6px;
- }
- .p-slider.p-slider-horizontal {
- height: 3px;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px;
- }
- .p-slider.p-slider-vertical {
- width: 3px;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px;
- }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #3f3f46;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-slider .p-slider-range {
- background: #fafafa;
- border-radius: 6px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #3f3f46;
- border-color: transparent;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-treeselect.p-variant-filled {
- background: #27272a;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #27272a;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #09090b;
- border-radius: 6px;
- }
- .p-togglebutton .p-button {
- background: #09090b;
- border: 1px solid #09090b;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #a1a1aa;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #020617;
- background: #fafafa;
- border: 1px solid #fafafa;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #f4f4f5;
- color: #020617;
- border-color: #f4f4f5;
- }
- .p-button:not(:disabled):active {
- background: #e4e4e7;
- color: #020617;
- border-color: #e4e4e7;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #fafafa;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(250, 250, 250, 0.04);
- color: #fafafa;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(250, 250, 250, 0.16);
- color: #fafafa;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #a1a1aa;
- border-color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #fafafa;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(250, 250, 250, 0.04);
- color: #fafafa;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(250, 250, 250, 0.16);
- color: #fafafa;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #a1a1aa;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #a1a1aa;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
- .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #fafafa;
- background-color: #020617;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.5rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.5rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.5rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(39, 39, 42, 0.04);
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(39, 39, 42, 0.16);
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #27272a;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(39, 39, 42, 0.04);
- border-color: transparent;
- color: #27272a;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(39, 39, 42, 0.16);
- border-color: transparent;
- color: #27272a;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #082f49;
- background: #38bdf8;
- border: 1px solid #38bdf8;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #7dd3fc;
- color: #082f49;
- border-color: #7dd3fc;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #bae6fd;
- color: #082f49;
- border-color: #bae6fd;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(56, 189, 248, 0.04);
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(56, 189, 248, 0.16);
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #38bdf8;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(56, 189, 248, 0.04);
- border-color: transparent;
- color: #38bdf8;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(56, 189, 248, 0.16);
- border-color: transparent;
- color: #38bdf8;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #052e16;
- background: #4ade80;
- border: 1px solid #4ade80;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #86efac;
- color: #052e16;
- border-color: #86efac;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #bbf7d0;
- color: #052e16;
- border-color: #bbf7d0;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(74, 222, 128, 0.04);
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(74, 222, 128, 0.16);
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #4ade80;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(74, 222, 128, 0.04);
- border-color: transparent;
- color: #4ade80;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(74, 222, 128, 0.16);
- border-color: transparent;
- color: #4ade80;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #431407;
- background: #fb923c;
- border: 1px solid #fb923c;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #fdba74;
- color: #431407;
- border-color: #fdba74;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #fed7aa;
- color: #431407;
- border-color: #fed7aa;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(251, 146, 60, 0.04);
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(251, 146, 60, 0.16);
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #fb923c;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(251, 146, 60, 0.04);
- border-color: transparent;
- color: #fb923c;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(251, 146, 60, 0.16);
- border-color: transparent;
- color: #fb923c;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #3b0764;
- background: #c084fc;
- border: 1px solid #c084fc;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #d8b4fe;
- color: #3b0764;
- border-color: #d8b4fe;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #e9d5ff;
- color: #3b0764;
- border-color: #e9d5ff;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(192, 132, 252, 0.04);
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(192, 132, 252, 0.16);
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #c084fc;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(192, 132, 252, 0.04);
- border-color: transparent;
- color: #c084fc;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(192, 132, 252, 0.16);
- border-color: transparent;
- color: #c084fc;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #450a0a;
- background: #f87171;
- border: 1px solid #f87171;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #fca5a5;
- color: #450a0a;
- border-color: #fca5a5;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #fecaca;
- color: #450a0a;
- border-color: #fecaca;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(248, 113, 113, 0.04);
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(248, 113, 113, 0.16);
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #f87171;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(248, 113, 113, 0.04);
- border-color: transparent;
- color: #f87171;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(248, 113, 113, 0.16);
- border-color: transparent;
- color: #f87171;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #09090b;
- background: #ffffff;
- border: 1px solid #ffffff;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #f4f4f5;
- color: #09090b;
- border-color: #f4f4f5;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #e4e4e7;
- color: #09090b;
- border-color: #e4e4e7;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #ffffff;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: transparent;
- color: #ffffff;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- border-color: transparent;
- color: #ffffff;
- }
-
- .p-button.p-button-link {
- color: #fafafa;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #fafafa;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #fafafa;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-speeddial-action {
- width: 2.5rem;
- height: 2.5rem;
- background: #3f3f46;
- color: #a1a1aa;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-speeddial-action:hover {
- background: #3f3f46;
- color: #ffffff;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 6px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 6px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #3f3f46;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #3f3f46;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(250, 250, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #a1a1aa;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(250, 250, 250, 0.16);
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: rgba(250, 250, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(250, 250, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: 0 none;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #18181b;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(250, 250, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(250, 250, 250, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(250, 250, 250, 0.16);
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-datatable .p-column-resizer-helper {
- background: #fafafa;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #18181b;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #1f1f22;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: rgba(250, 250, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #18181b;
- color: #ffffff;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(250, 250, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-clear-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-overlay {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.25rem 0.25rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(250, 250, 250, 0.16);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-bottom: 1px solid #3f3f46;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-orderlist .p-orderlist-header {
- color: #ffffff;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #3f3f46;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(250, 250, 250, 0.16);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(250, 250, 250, 0.24);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #1f1f22;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: rgba(250, 250, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(186, 186, 186, 0.16);
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #3f3f46;
- border-color: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #3f3f46;
- border-color: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #18181b;
- color: #ffffff;
- border: solid #3f3f46;
- border-width: 0;
- padding: 0.5rem 1rem;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: #ffffff;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 50%;
- border-bottom-left-radius: 50%;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 50%;
- border-bottom-right-radius: 50%;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.5rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.5rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(250, 250, 250, 0.16);
- border-color: rgba(250, 250, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: #ffffff;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-picklist .p-picklist-header {
- color: #ffffff;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #3f3f46;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(250, 250, 250, 0.16);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(250, 250, 250, 0.24);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #1f1f22;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #3f3f46;
- border-radius: 50%;
- width: 1.125rem;
- height: 1.125rem;
- background-color: #020617;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #3f3f46;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-radius: 6px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0 0;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- padding: 0.25rem 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #a1a1aa;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #ffffff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(250, 250, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- }
- .p-treetable .p-sortable-column {
- outline-color: var(--p-focus-ring-color);
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #a1a1aa;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(250, 250, 250, 0.16);
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: rgba(250, 250, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #18181b;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(250, 250, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #ffffff;
- }
- .p-treetable .p-column-resizer-helper {
- background: #fafafa;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #18181b;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #a1a1aa;
- background: #18181b;
- font-weight: 600;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #18181b;
- background: #18181b;
- color: #ffffff;
- }
- .p-accordion .p-accordion-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-card {
- background: #18181b;
- color: #ffffff;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-card .p-card-body {
- padding: 1.5rem;
- }
- .p-card .p-card-title {
- font-size: 1.25rem;
- font-weight: 600;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #a1a1aa;
- }
- .p-card .p-card-content {
- padding: 0 0 0 0;
- }
- .p-card .p-card-footer {
- padding: 0 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-radius: 6px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- background: #18181b;
- font-weight: 600;
- border-radius: 6px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1.125rem;
- color: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: #ffffff;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #18181b;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #3f3f46;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #3f3f46;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #3f3f46;
- padding: 1.125rem;
- background: #18181b;
- color: #ffffff;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.75rem 1.125rem;
- }
- .p-panel .p-panel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panel .p-panel-footer {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #3f3f46;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #3f3f46;
- background: #18181b;
- border-radius: 6px;
- color: #ffffff;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- background: #3f3f46;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #3f3f46;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #18181b;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #a1a1aa;
- border: 1px solid #3f3f46;
- border-width: 2px;
- background: #18181b;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #ffffff;
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: rgba(250, 250, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #ffffff;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #fafafa;
- }
- .p-stepper .p-stepper-panels {
- background: #18181b;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- color: #ffffff;
- }
- .p-stepper .p-stepper-separator {
- background-color: #3f3f46;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #18181b;
- color: #ffffff;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #fafafa;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-width: 0 0 1px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #3f3f46;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #3f3f46 transparent;
- background: #18181b;
- color: #a1a1aa;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #fafafa;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #18181b;
- color: #fafafa;
- width: 2.5rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-panels {
- background: #18181b;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #18181b;
- border: 1px solid #3f3f46;
- padding: 1.125rem;
- border-radius: 6px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(24, 24, 27, 0);
- border-bottom-color: #18181b;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(63, 63, 70, 0);
- border-bottom-color: #3c3c43;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #18181b;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #3f3f46;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- border: 1px solid #3f3f46;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 1.5rem;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #18181b;
- color: #ffffff;
- padding: 0 1.5rem 1.5rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #fafafa;
- color: #020617;
- width: 1.75rem;
- height: 1.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -0.875rem;
- right: -0.875rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #f4f4f5;
- color: #020617;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(24, 24, 27, 0);
- border-bottom-color: #18181b;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(63, 63, 70, 0);
- border-bottom-color: #3c3c43;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #18181b;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #3f3f46;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1.125rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #3f3f46;
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #3f3f46;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #18181b;
- padding: 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fileupload .p-fileupload-content {
- background: #18181b;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #fafafa;
- background-color: rgba(250, 250, 250, 0.16);
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #f4f4f5;
- color: #020617;
- border-color: #f4f4f5;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #e4e4e7;
- color: #020617;
- border-color: #e4e4e7;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #18181b;
- border: 0 none;
- border-radius: 6px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #71717a;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #ffffff;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #71717a;
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-contextmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(250, 250, 250, 0.16);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(250, 250, 250, 0.24);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 6px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-dock .p-dock-link {
- width: 3rem;
- height: 3rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem 0.5rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 2px 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(250, 250, 250, 0.16);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(250, 250, 250, 0.24);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-megamenu-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0.25rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #71717a;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 2px 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(250, 250, 250, 0.16);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(250, 250, 250, 0.24);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu.p-menu-overlay {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem 0.5rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem {
- margin: 2px 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(250, 250, 250, 0.16);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(250, 250, 250, 0.24);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- border-radius: 6px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #71717a;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.5rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 0 none;
- color: #a1a1aa;
- background: #18181b;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #a1a1aa;
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #18181b;
- background: #18181b;
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0.25rem;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(250, 250, 250, 0.16);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(250, 250, 250, 0.24);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #18181b;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #a1a1aa;
- border: 1px solid #3f3f46;
- background: #18181b;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #ffffff;
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: rgba(250, 250, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 500;
- color: #ffffff;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #3f3f46;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-width: 0 0 1px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #3f3f46;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #3f3f46 transparent;
- background: #18181b;
- color: #a1a1aa;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #fafafa;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(250, 250, 250, 0.16);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(250, 250, 250, 0.24);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.75rem;
- margin: 0;
- border-radius: 6px;
- }
- .p-inline-message.p-inline-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #3b82f6;
- }
- .p-inline-message.p-inline-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #22c55e;
- }
- .p-inline-message.p-inline-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #eab308;
- }
- .p-inline-message.p-inline-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #ef4444;
- }
- .p-inline-message.p-inline-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-inline-message.p-inline-message-secondary .p-inline-message-icon {
- color: #d4d4d8;
- }
- .p-inline-message.p-inline-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-inline-message.p-inline-message-contrast .p-inline-message-icon {
- color: #09090b;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 6px;
- }
- .p-message .p-message-wrapper {
- padding: 0.5rem 0.75rem;
- }
- .p-message .p-message-close {
- width: 1.75rem;
- height: 1.75rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-message.p-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-message.p-message-info .p-message-icon {
- color: #3b82f6;
- }
- .p-message.p-message-info .p-message-close {
- color: #3b82f6;
- }
- .p-message.p-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-message.p-message-success .p-message-icon {
- color: #22c55e;
- }
- .p-message.p-message-success .p-message-close {
- color: #22c55e;
- }
- .p-message.p-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #eab308;
- }
- .p-message.p-message-warn .p-message-close {
- color: #eab308;
- }
- .p-message.p-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-message.p-message-error .p-message-icon {
- color: #ef4444;
- }
- .p-message.p-message-error .p-message-close {
- color: #ef4444;
- }
- .p-message.p-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-icon {
- color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-close {
- color: #d4d4d8;
- }
- .p-message.p-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-message.p-message-contrast .p-message-icon {
- color: #09090b;
- }
- .p-message.p-message-contrast .p-message-close {
- color: #09090b;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1rem;
- height: 1rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 0.75rem;
- border-width: 1px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 1.125rem;
- height: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 500;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.125rem;
- height: 1.125rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- color: #d4d4d8;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- color: #09090b;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #a1a1aa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #a1a1aa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #ffffff;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #3f3f46;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #3f3f46;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(250, 250, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(250, 250, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #a1a1aa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #a1a1aa;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #ffffff;
- background-color: rgba(255, 255, 255, 0.03);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #3f3f46;
- border-radius: 6px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #18181b;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #fafafa;
- color: #020617;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-badge.p-badge-success {
- background-color: #4ade80;
- color: #052e16;
- }
- .p-badge.p-badge-info {
- background-color: #38bdf8;
- color: #082f49;
- }
- .p-badge.p-badge-warning {
- background-color: #fb923c;
- color: #431407;
- }
- .p-badge.p-badge-danger {
- background-color: #f87171;
- color: #450a0a;
- }
- .p-badge.p-badge-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-badge.p-badge-contrast {
- background-color: #ffffff;
- color: #09090b;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 6px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #fafafa;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #fafafa;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.25rem;
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #fafafa;
- }
- .p-progressbar .p-progressbar-label {
- color: #020617;
- line-height: 1.25rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #ef4444;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #ef4444;
- }
- 40% {
- stroke: #3b82f6;
- }
- 66% {
- stroke: #22c55e;
- }
- 80%, 90% {
- stroke: #eab308;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-scrolltop.p-link {
- background: #3f3f46;
- }
- .p-scrolltop.p-link:hover {
- background: #3f3f46;
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #ffffff;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 6px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #fafafa;
- color: #020617;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
- }
- .p-tag.p-tag-success {
- background-color: #4ade80;
- color: #052e16;
- }
- .p-tag.p-tag-info {
- background-color: #38bdf8;
- color: #082f49;
- }
- .p-tag.p-tag-warning {
- background-color: #fb923c;
- color: #431407;
- }
- .p-tag.p-tag-danger {
- background-color: #f87171;
- color: #450a0a;
- }
- .p-tag.p-tag-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-tag.p-tag-contrast {
- background-color: #ffffff;
- color: #09090b;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primevue {
- .p-accordion .p-accordion-header .p-accordion-header-link {
- border-radius: 6px !important;
- flex-direction: row-reverse;
- justify-content: space-between;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link:hover {
- border-bottom-color: #18181b;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- transform: rotate(90deg);
- }
- .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon {
- transform: rotate(-180deg);
- }
- .p-accordion .p-accordion-tab {
- border-bottom: 1px solid #27272a;
- }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom: 0 none;
- }
-
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.375rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete.p-disabled {
- opacity: 1;
- }
-
- .p-button-label {
- font-weight: 500;
- }
-
- .p-button.p-button-success:enabled:focus-visible {
- outline-color: #4ade80;
- }
- .p-button.p-button-info:enabled:focus-visible {
- outline-color: #38bdf8;
- }
- .p-button.p-button-warning:enabled:focus-visible {
- outline-color: #fb923c;
- }
- .p-button.p-button-help:enabled:focus-visible {
- outline-color: #c084fc;
- }
- .p-button.p-button-danger:enabled:focus-visible {
- outline-color: #f87171;
- }
- .p-button.p-button-contrast:enabled:focus-visible {
- outline-color: #ffffff;
- }
- .p-button.p-button-outlined {
- border-color: rgba(250, 250, 250, 0.44);
- }
- .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active {
- border-color: rgba(250, 250, 250, 0.44);
- }
- .p-button.p-button-outlined.p-button-secondary {
- border-color: rgba(82, 82, 91, 0.48);
- color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover {
- color: #a1a1aa;
- background-color: rgba(255, 255, 255, 0.04);
- border-color: rgba(82, 82, 91, 0.48);
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):active {
- color: #a1a1aa;
- background-color: rgba(255, 255, 255, 0.16);
- border-color: rgba(82, 82, 91, 0.48);
- }
- .p-button.p-button-outlined.p-button-success {
- border-color: rgba(21, 128, 61, 0.44);
- }
- .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active {
- border-color: rgba(21, 128, 61, 0.44);
- }
- .p-button.p-button-outlined.p-button-info {
- border-color: rgba(29, 78, 216, 0.44);
- }
- .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active {
- border-color: rgba(29, 78, 216, 0.44);
- }
- .p-button.p-button-outlined.p-button-warning {
- border-color: rgba(161, 98, 7, 0.44);
- }
- .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active {
- border-color: rgba(161, 98, 7, 0.44);
- }
- .p-button.p-button-outlined.p-button-help {
- border-color: rgba(109, 40, 217, 0.44);
- }
- .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active {
- border-color: rgba(109, 40, 217, 0.44);
- }
- .p-button.p-button-outlined.p-button-danger {
- border-color: rgba(185, 28, 28, 0.44);
- }
- .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active {
- border-color: rgba(185, 28, 28, 0.44);
- }
- .p-button.p-button-outlined.p-button-contrast {
- border-color: rgba(255, 255, 255, 0.44);
- }
- .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active {
- border-color: rgba(255, 255, 255, 0.44);
- }
- .p-button.p-button-secondary.p-button-text {
- color: #a1a1aa;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover {
- background-color: rgba(255, 255, 255, 0.04);
- color: #a1a1aa;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active {
- background-color: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
-
- .p-datepicker-buttonbar .p-button {
- padding: 0.25rem 0.75rem;
- font-size: 0.875rem;
- }
-
- .p-datepicker .p-datepicker-group-container + .p-timepicker {
- margin-top: 0.5rem;
- padding-top: 0.5rem;
- }
- .p-datepicker table th {
- font-weight: 500;
- }
-
- .p-card {
- border-radius: 12px;
- display: flex;
- flex-direction: column;
- }
- .p-card .p-card-caption {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-card .p-card-caption .p-card-title,
-.p-card .p-card-caption .p-card-subtitle {
- margin-bottom: 0;
- }
- .p-card .p-card-body {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #fafafa;
- }
-
- .p-cascadeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-cascadeselect .p-cascadeselect-label {
- box-shadow: none;
- }
- .p-cascadeselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-cascadeselect.p-disabled .p-cascadeselect-label {
- background-color: #3f3f46;
- color: #a1a1aa;
- }
-
- div.p-cascadeselect-panel {
- border: 0 none;
- box-shadow: none;
- }
-
- .p-checkbox .p-checkbox-box {
- border-radius: 4px;
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
- border-color: #fafafa;
- }
- .p-checkbox.p-disabled {
- opacity: 1;
- }
- .p-checkbox.p-disabled .p-checkbox-box {
- background-color: #3f3f46;
- border: 1px solid #3f3f46;
- }
- .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {
- color: #a1a1aa;
- }
-
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.375rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips.p-disabled .p-chips-multiple-container {
- opacity: 1;
- background-color: #3f3f46;
- }
-
- .p-chip {
- border-radius: 16px;
- padding: 0.25rem 0.75rem;
- }
- .p-chip .p-chip-text {
- margin-top: 0;
- margin-bottom: 0;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.375rem;
- }
- .p-chip:has(.p-chip-remove-icon) {
- padding-right: 0.5rem;
- }
- .p-chip img {
- margin-left: -0.5rem;
- }
-
- .p-colorpicker-preview {
- padding: 0;
- }
- .p-colorpicker-preview:enabled:focus {
- outline-offset: 2px;
- }
- .p-colorpicker-preview.p-inputtext.p-disabled {
- opacity: 0.6;
- }
-
- .p-confirm-popup {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #fafafa;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #fafafa;
- }
- .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: rgba(225, 225, 225, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight > td {
- border-bottom-color: rgba(225, 225, 225, 0.16);
- }
-
- .p-dataview-layout-options.p-selectbutton .p-button svg {
- position: relative;
- }
-
- .p-dialog {
- border-radius: 12px;
- background-color: #18181b;
- }
- .p-dialog.p-dialog-maximized {
- border-radius: 0;
- }
- .p-dialog .p-dialog-header {
- border-top-right-radius: 12px;
- border-top-left-radius: 12px;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
- .p-dialog .p-dialog-footer {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
-
- .p-dropdown {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-dropdown .p-dropdown-label {
- box-shadow: none;
- }
- .p-dropdown.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-dropdown.p-disabled .p-dropdown-label {
- color: #a1a1aa;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- margin-left: -0.375rem;
- margin-right: 0.375rem;
- }
-
- .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: rgba(225, 225, 225, 0.16);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td {
- border-bottom-color: rgba(225, 225, 225, 0.16);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover {
- background-color: rgba(250, 250, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-fieldset {
- padding: 0 1.125rem 1.125rem 1.125rem;
- margin: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text {
- padding: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- color: #a1a1aa;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background-color: rgba(255, 255, 255, 0.03);
- }
- .p-fieldset .p-fieldset-legend {
- border: 0 none;
- padding: 0;
- margin-bottom: 0.375rem;
- }
- .p-fieldset .p-fieldset-legend span {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0;
- }
-
- .p-column-filter-overlay-menu {
- padding: 0.75rem;
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraints {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 0 0 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button {
- margin-bottom: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0;
- }
-
- .p-fileupload .p-fileupload-content {
- border-top: 0 none;
- padding-top: 1.125rem;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #fafafa;
- }
-
- .p-inline-message-text {
- font-weight: 500;
- }
-
- .p-inline-message {
- backdrop-filter: blur(10px);
- }
-
- .p-inline-message.p-inline-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
-
- .p-inline-message.p-inline-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
-
- .p-inline-message.p-inline-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
-
- .p-inline-message.p-inline-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
-
- .p-inline-message.p-inline-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
-
- .p-inline-message.p-inline-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
-
- .p-inputgroup-addon {
- padding: 0.5rem;
- }
-
- .p-inputnumber.p-inputnumber-buttons-stacked {
- position: relative;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- position: absolute;
- top: 1px;
- right: 1px;
- height: calc(100% - 2px);
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #3f3f46;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up {
- border-left: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down {
- border-right: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #3f3f46;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up {
- border-bottom: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down {
- border-top: 0 none;
- }
-
- .p-inputswitch .p-inputswitch-slider {
- border: 0 none;
- }
- .p-inputswitch.p-highlight p-inputswitch-slider:before {
- left: 1.25rem;
- transform: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- background: #fca5a5;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
- background: #18181b;
- }
-
- .p-inputtext {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
-
- .p-inputtext:disabled {
- opacity: 1;
- background-color: #3f3f46;
- color: #a1a1aa;
- }
-
- .p-knob svg {
- border-radius: 6px;
- outline-color: transparent;
- transition: outline-color 0.2s;
- }
- .p-knob svg:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-listbox {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-listbox.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-listbox.p-disabled .p-listbox-list .p-listbox-item {
- color: #a1a1aa;
- }
-
- .p-message {
- backdrop-filter: blur(10px);
- }
-
- .p-message.p-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-message.p-message-info .p-message-close:focus-visible {
- outline-color: #3b82f6;
- }
- .p-message.p-message-info .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-message.p-message-success .p-message-close:focus-visible {
- outline-color: #22c55e;
- }
- .p-message.p-message-success .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-message.p-message-warn .p-message-close:focus-visible {
- outline-color: #eab308;
- }
- .p-message.p-message-warn .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-message.p-message-error .p-message-close:focus-visible {
- outline-color: #ef4444;
- }
- .p-message.p-message-error .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-message.p-message-secondary .p-message-close:focus-visible {
- outline-color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-close:hover {
- background: #3f3f46;
- }
-
- .p-message.p-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-message.p-message-contrast .p-message-close:focus-visible {
- outline-color: #09090b;
- }
- .p-message.p-message-contrast .p-message-close:hover {
- background: #f4f4f5;
- }
-
- .p-multiselect-panel .p-multiselect-header {
- padding-left: 1rem;
- padding-right: 1rem;
- }
-
- .p-multiselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-multiselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-multiselect.p-disabled .p-multiselect-label {
- color: #a1a1aa;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- border-radius: 4px;
- margin-right: 0.25rem;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.375rem;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header {
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action {
- background: rgba(255, 255, 255, 0.08);
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- font-weight: 600;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- /*line-height: 1.5;*/
- }
- .p-panelmenu .p-panelmenu-content {
- border-radius: 6px;
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-panel {
- padding: 0.25rem 0.25rem;
- overflow: hidden;
- margin-bottom: 0.75rem;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
-
- .p-password-panel {
- background-color: #18181b;
- border: 1px solid #3f3f46;
- padding: 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.75rem;
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength {
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f87171;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #fbbf24;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #4ade80;
- }
-
- .p-orderlist-controls .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-orderlist-controls .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-orderlist-controls .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-orderlist-controls .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
-
- .p-orderlist .p-orderlist-header {
- background: #18181b;
- color: #ffffff;
- border: 0 none;
- border-bottom: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #a1a1aa;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list {
- border: 1px solid #3f3f46;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- border-radius: 6px;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-organizationchart .p-organizationchart-node-content {
- padding: 0.75rem 1rem;
- border-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid #3f3f46;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: static;
- }
- .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) {
- padding: 0.75rem 1rem 1.25rem 1rem;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
- border-right: 0 none;
- }
- .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) {
- border-top-right-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) {
- border-left: 1px solid #3f3f46;
- border-top-left-radius: 6px;
- }
-
- .p-overlaypanel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.75rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- position: absolute;
- top: 0.25rem;
- right: 0.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-overlaypanel .p-overlaypanel-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-panel {
- border: 1px solid #3f3f46;
- border-radius: 6px;
- background-color: #18181b;
- }
- .p-panel .p-panel-header,
-.p-panel .p-panel-content,
-.p-panel .p-panel-footer {
- background: transparent;
- border: 0 none;
- }
- .p-panel:has(.p-panel-footer) .p-panel-content {
- padding-bottom: 0.875rem;
- }
-
- .p-picklist-buttons .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-picklist-buttons .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-picklist-buttons .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-picklist-buttons .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
-
- .p-picklist .p-picklist-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #a1a1aa;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-picklist .p-picklist-list {
- border: 1px solid #3f3f46;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- border-radius: 6px;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-progressbar-label {
- font-size: 0.75rem;
- font-weight: 600;
- }
-
- .p-radiobutton .p-radiobutton-box {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box {
- border-color: #fafafa;
- }
- .p-radiobutton.p-disabled {
- opacity: 1;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box {
- border: 1px solid #3f3f46;
- background-color: #3f3f46;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon {
- background-color: #a1a1aa;
- }
-
- .p-rating {
- gap: 0.25rem;
- }
-
- .p-selectbutton .p-button .pi,
-.p-selectbutton .p-button .p-button-label {
- position: relative;
- transition: none;
- }
- .p-selectbutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-selectbutton .p-button.p-highlight::before {
- background: #27272a;
- border-color: #27272a;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-selectbutton .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-selectbutton .p-button.p-disabled {
- opacity: 1;
- color: #71717a;
- }
- .p-selectbutton.p-invalid {
- box-shadow: 0 0 0 1px #fca5a5;
- border-radius: 6px;
- }
- .p-selectbutton.p-invalid > .p-button {
- border: 1px solid #09090b;
- }
- .p-selectbutton.p-disabled {
- opacity: 1;
- }
- .p-selectbutton.p-disabled .p-button {
- color: #71717a;
- }
-
- .p-slider .p-slider-handle {
- display: flex !important;
- justify-content: center;
- align-items: center;
- }
- .p-slider .p-slider-handle::before {
- content: "";
- width: 16px;
- height: 16px;
- display: block;
- background-color: #09090b;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline-color: #fdfdfd;
- }
-
- .p-speeddial-button.p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-splitter-gutter-handle {
- border-radius: 6px;
- }
-
- .p-stepper .p-stepper-header .p-stepper-number {
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #18181b;
- color: #fafafa;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #fafafa;
- }
-
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- border-width: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-steps-number {
- position: relative;
- font-weight: 500;
- }
- .p-steps .p-steps-item .p-steps-number::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #18181b;
- color: #fafafa;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- color: #fafafa;
- }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1;
- }
- .p-steps .p-steps-item:before {
- border-top-width: 2px;
- margin-top: calc(-1rem + 1px);
- }
- .p-steps .p-steps-item:first-child::before {
- width: calc(50% + 1rem);
- transform: translateX(100%);
- }
- .p-steps .p-steps-item:last-child::before {
- width: 50%;
- }
-
- .p-tabmenu .p-tabmenu-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: -1px;
- height: 1px;
- background-color: #fafafa;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabmenu .p-tabmenu-nav {
- position: relative;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-tabview .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 1px;
- background-color: #fafafa;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabview .p-tabview-nav {
- position: relative;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5);
- }
- .p-tabview .p-tabview-nav-btn.p-link:hover {
- color: #ffffff;
- }
-
- .p-tag {
- background: color-mix(in srgb, var(--primary-500), transparent 80%);
- color: var(--primary-300);
- }
- .p-tag.p-tag-success {
- background: rgba(34, 197, 94, 0.16);
- color: #22c55e;
- }
- .p-tag.p-tag-info {
- background: rgba(59, 130, 246, 0.16);
- color: #3b82f6;
- }
- .p-tag.p-tag-warning {
- background: rgba(234, 179, 8, 0.16);
- color: #eab308;
- }
- .p-tag.p-tag-danger {
- background: rgba(239, 68, 68, 0.16);
- color: #ef4444;
- }
-
- .p-terminal {
- background: #09090b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- }
- .p-terminal .p-terminal-prompt {
- margin-right: 0.25rem;
- }
- .p-terminal .p-terminal-response {
- margin: 2px 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- position: relative;
- }
- .p-timeline .p-timeline-event-marker::before {
- content: " ";
- border-radius: 50%;
- width: 0.375rem;
- height: 0.375rem;
- background-color: #fafafa;
- }
- .p-timeline .p-timeline-event-marker::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-toast .p-toast-message {
- backdrop-filter: blur(10px);
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- font-size: 0.875rem;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.75rem;
- height: 1.75rem;
- margin-top: -25%;
- right: -25%;
- position: relative;
- }
-
- .p-toast .p-toast-message.p-toast-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- outline-color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- outline-color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- outline-color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover {
- background: #3f3f46;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover {
- background: #f4f4f5;
- }
-
- .p-togglebutton .p-button .p-button-label,
-.p-togglebutton .p-button .p-button-icon {
- position: relative;
- transition: none;
- }
- .p-togglebutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-togglebutton.p-highlight .p-button::before {
- background: #27272a;
- border-color: #27272a;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-togglebutton.p-disabled {
- opacity: 1;
- }
- .p-togglebutton.p-disabled .p-button {
- color: #71717a;
- }
- .p-togglebutton.p-disabled .p-button .p-button-icon {
- color: #71717a;
- }
-
- .p-toolbar {
- padding: 0.75rem;
- }
-
- .p-tree {
- border: 0 none;
- padding: 1rem;
- }
- .p-tree .p-tree-container .p-treenode {
- margin: 2px 0;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline-offset: -2px;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover {
- background-color: rgba(250, 250, 250, 0.16);
- }
- .p-tree .p-tree-container > .p-treenode:first-child {
- margin-top: 0;
- }
- .p-tree .p-tree-container > .p-treenode:last-child {
- margin-bottom: 0;
- }
-
- .p-treeselect-panel .p-tree {
- padding: 0.25rem 0.25rem;
- }
-
- .p-treeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-treeselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-treeselect.p-disabled .p-treeselect-label {
- color: #a1a1aa;
- }
-}
diff --git a/public/themes/aura-dark-pink/fonts/Inter-italic.var.woff2 b/public/themes/aura-dark-pink/fonts/Inter-italic.var.woff2
deleted file mode 100644
index b826d5a..0000000
Binary files a/public/themes/aura-dark-pink/fonts/Inter-italic.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-dark-pink/fonts/Inter-roman.var.woff2 b/public/themes/aura-dark-pink/fonts/Inter-roman.var.woff2
deleted file mode 100644
index 6a256a0..0000000
Binary files a/public/themes/aura-dark-pink/fonts/Inter-roman.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-dark-pink/theme.css b/public/themes/aura-dark-pink/theme.css
deleted file mode 100644
index bcccc67..0000000
--- a/public/themes/aura-dark-pink/theme.css
+++ /dev/null
@@ -1,12113 +0,0 @@
-:root {
- font-family: "Inter var", sans-serif;
- font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- font-variation-settings: normal;
- --font-family: "Inter var", sans-serif;
- --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- --text-color: #ffffff;
- --text-color-secondary: #a1a1aa;
- --primary-color: #f472b6;
- --primary-color-text: #020617;
- --surface-0: #18181b;
- --surface-50: #27272a;
- --surface-100: #3f3f46;
- --surface-200: #52525b;
- --surface-300: #71717a;
- --surface-400: #a1a1aa;
- --surface-500: #d4d4d8;
- --surface-600: #e4e4e7;
- --surface-700: #f4f4f5;
- --surface-800: #fafafa;
- --surface-900: #ffffff;
- --gray-0: #ffffff;
- --gray-50: #fafafa;
- --gray-100: #f4f4f5;
- --gray-200: #e4e4e7;
- --gray-300: #d4d4d8;
- --gray-400: #a1a1aa;
- --gray-500: #71717a;
- --gray-600: #52525b;
- --gray-700: #3f3f46;
- --gray-800: #27272a;
- --gray-900: #18181b;
- --content-padding: 1.125rem;
- --inline-spacing: 0.5rem;
- --border-radius: 6px;
- --surface-ground: #09090b;
- --surface-section: #18181b;
- --surface-card: #18181b;
- --surface-overlay: #18181b;
- --surface-border: #27272a;
- --surface-hover: rgba(255, 255, 255, 0.03);
- --focus-ring: none;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: rgba(244, 114, 182, 0.16);
- --highlight-text-color: rgba(255, 255, 255, 0.87);
- --p-anchor-gutter: 2px;
- color-scheme: dark;
-}
-
-:root {
- --p-focus-ring-color: var(--primary-color);
-}
-
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: normal;
- font-named-instance: "Regular";
- src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
-}
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: italic;
- font-named-instance: "Italic";
- src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
-}
-:root {
- --blue-50:#f5f9ff;
- --blue-100:#d0e1fd;
- --blue-200:#abc9fb;
- --blue-300:#85b2f9;
- --blue-400:#609af8;
- --blue-500:#3b82f6;
- --blue-600:#326fd1;
- --blue-700:#295bac;
- --blue-800:#204887;
- --blue-900:#183462;
- --green-50:#f4fcf7;
- --green-100:#caf1d8;
- --green-200:#a0e6ba;
- --green-300:#76db9b;
- --green-400:#4cd07d;
- --green-500:#22c55e;
- --green-600:#1da750;
- --green-700:#188a42;
- --green-800:#136c34;
- --green-900:#0e4f26;
- --yellow-50:#fefbf3;
- --yellow-100:#faedc4;
- --yellow-200:#f6de95;
- --yellow-300:#f2d066;
- --yellow-400:#eec137;
- --yellow-500:#eab308;
- --yellow-600:#c79807;
- --yellow-700:#a47d06;
- --yellow-800:#816204;
- --yellow-900:#5e4803;
- --cyan-50:#f3fbfd;
- --cyan-100:#c3edf5;
- --cyan-200:#94e0ed;
- --cyan-300:#65d2e4;
- --cyan-400:#35c4dc;
- --cyan-500:#06b6d4;
- --cyan-600:#059bb4;
- --cyan-700:#047f94;
- --cyan-800:#036475;
- --cyan-900:#024955;
- --pink-50:#fef6fa;
- --pink-100:#fad3e7;
- --pink-200:#f7b0d3;
- --pink-300:#f38ec0;
- --pink-400:#f06bac;
- --pink-500:#ec4899;
- --pink-600:#c93d82;
- --pink-700:#a5326b;
- --pink-800:#822854;
- --pink-900:#5e1d3d;
- --indigo-50:#f7f7fe;
- --indigo-100:#dadafc;
- --indigo-200:#bcbdf9;
- --indigo-300:#9ea0f6;
- --indigo-400:#8183f4;
- --indigo-500:#6366f1;
- --indigo-600:#5457cd;
- --indigo-700:#4547a9;
- --indigo-800:#363885;
- --indigo-900:#282960;
- --teal-50:#f3fbfb;
- --teal-100:#c7eeea;
- --teal-200:#9ae0d9;
- --teal-300:#6dd3c8;
- --teal-400:#41c5b7;
- --teal-500:#14b8a6;
- --teal-600:#119c8d;
- --teal-700:#0e8174;
- --teal-800:#0b655b;
- --teal-900:#084a42;
- --orange-50:#fff8f3;
- --orange-100:#feddc7;
- --orange-200:#fcc39b;
- --orange-300:#fba86f;
- --orange-400:#fa8e42;
- --orange-500:#f97316;
- --orange-600:#d46213;
- --orange-700:#ae510f;
- --orange-800:#893f0c;
- --orange-900:#642e09;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dadee3;
- --bluegray-200:#bcc3cd;
- --bluegray-300:#9fa9b7;
- --bluegray-400:#818ea1;
- --bluegray-500:#64748b;
- --bluegray-600:#556376;
- --bluegray-700:#465161;
- --bluegray-800:#37404c;
- --bluegray-900:#282e38;
- --purple-50:#fbf7ff;
- --purple-100:#ead6fd;
- --purple-200:#dab6fc;
- --purple-300:#c996fa;
- --purple-400:#b975f9;
- --purple-500:#a855f7;
- --purple-600:#8f48d2;
- --purple-700:#763cad;
- --purple-800:#5c2f88;
- --purple-900:#432263;
- --red-50:#fff5f5;
- --red-100:#ffd0ce;
- --red-200:#ffaca7;
- --red-300:#ff8780;
- --red-400:#ff6259;
- --red-500:#ff3d32;
- --red-600:#d9342b;
- --red-700:#b32b23;
- --red-800:#8c221c;
- --red-900:#661814;
- --primary-50:#fef8fb;
- --primary-100:#fcdded;
- --primary-200:#fac2e0;
- --primary-300:#f8a8d2;
- --primary-400:#f68dc4;
- --primary-500:#f472b6;
- --primary-600:#cf619b;
- --primary-700:#ab507f;
- --primary-800:#863f64;
- --primary-900:#622e49;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #18181b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #3f3f46;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- padding: 0.25rem 0.25rem;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 0.75rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #3f3f46;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #09090b;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #f472b6;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #f472b6;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #f472b6;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #f472b6;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.6;
- }
-
- .p-error {
- color: #fca5a5;
- }
-
- .p-text-secondary {
- color: #a1a1aa;
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.25rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #52525b;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #3f3f46;
- color: #ffffff;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-autocomplete-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.25rem 0.25rem;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(244, 114, 182, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(244, 114, 182, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
-
- .p-datepicker {
- padding: 0.75rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: transparent;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0 0 0.5rem 0;
- color: #ffffff;
- background: transparent;
- font-weight: 500;
- margin: 0 0 0 0;
- border-bottom: 1px solid #3f3f46;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 1.75rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-weight: 500;
- padding: 0.25rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #f472b6;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker table th {
- padding: 0.25rem;
- }
- .p-datepicker table th > span {
- width: 2rem;
- height: 2rem;
- }
- .p-datepicker table td {
- padding: 0.25rem;
- }
- .p-datepicker table td > span {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(244, 114, 182, 0.16);
- }
- .p-datepicker table td > span:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #3f3f46;
- color: #ffffff;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(244, 114, 182, 0.16);
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.5rem 0 0 0;
- border-top: 1px solid #3f3f46;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #3f3f46;
- padding: 0;
- }
- .p-datepicker .p-timepicker button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(244, 114, 182, 0.16);
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(244, 114, 182, 0.16);
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #3f3f46;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0.25rem;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #27272a;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #27272a;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #27272a;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-cascadeselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(244, 114, 182, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(244, 114, 182, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #3f3f46;
- background: #09090b;
- width: 1.25rem;
- height: 1.25rem;
- color: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #020617;
- font-size: 0.875rem;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #f472b6;
- background: #f472b6;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #52525b;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #f9a8d4;
- background: #f9a8d4;
- color: #020617;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #fca5a5;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #27272a;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #f472b6;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #27272a;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #f9a8d4;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #27272a;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #f472b6;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #27272a;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #f9a8d4;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #52525b;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #3f3f46;
- color: #ffffff;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-colorpicker-panel {
- background: #18181b;
- border: 1px solid #3f3f46;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff;
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-dropdown.p-variant-filled {
- background: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #a1a1aa;
- right: 2.5rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-dropdown-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.25rem 0.25rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(244, 114, 182, 0.16);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(244, 114, 182, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #18181b;
- color: #a1a1aa;
- border-top: 1px solid #3f3f46;
- border-left: 1px solid #3f3f46;
- border-bottom: 1px solid #3f3f46;
- padding: 0.5rem 0.75rem;
- min-width: 2.5rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #3f3f46;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.5rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #27272a;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #27272a;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #27272a;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 2.5rem;
- height: 1.5rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #27272a;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #a1a1aa;
- width: 1rem;
- height: 1rem;
- left: 0.25rem;
- margin-top: -0.5rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #f472b6;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #020617;
- transform: translateX(1rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #27272a;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #f9a8d4;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #fca5a5;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- background: #09090b;
- padding: 0.5rem 0.75rem;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- appearance: none;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #52525b;
- }
- .p-inputtext:enabled:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #fca5a5;
- }
- .p-inputtext.p-variant-filled {
- background-color: #27272a;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #27272a;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #27272a;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: #a1a1aa;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #fca5a5;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: #a1a1aa;
- }
-
- :-moz-placeholder {
- color: #a1a1aa;
- }
-
- ::-moz-placeholder {
- color: #a1a1aa;
- }
-
- :-ms-input-placeholder {
- color: #a1a1aa;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #27272a;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #27272a;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #27272a;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-listbox .p-listbox-list {
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(244, 114, 182, 0.16);
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(244, 114, 182, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-listbox.p-invalid {
- border-color: #fca5a5;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-multiselect.p-variant-filled {
- background: #27272a;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(244, 114, 182, 0.16);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(244, 114, 182, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-password-panel {
- padding: 0 1.125rem 1.125rem 1.125rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #3f3f46;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f87171;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #fbbf24;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #4ade80;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #3f3f46;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #3f3f46;
- background: #09090b;
- width: 1.25rem;
- height: 1.25rem;
- color: #ffffff;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 0.75rem;
- height: 0.75rem;
- transition-duration: 0.2s;
- background-color: #f472b6;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #f472b6;
- background: #020617;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #52525b;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #f9a8d4;
- background: #020617;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #f9a8d4;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #fca5a5;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #020617;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #020617;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #020617;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #020617;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-size: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f87171;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #f472b6;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #f472b6;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #ef4444;
- }
-
- .p-selectbutton .p-button {
- background: #09090b;
- border: 1px solid #09090b;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #a1a1aa;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #3f3f46;
- border: 0 none;
- border-radius: 6px;
- }
- .p-slider.p-slider-horizontal {
- height: 3px;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px;
- }
- .p-slider.p-slider-vertical {
- width: 3px;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px;
- }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #3f3f46;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-slider .p-slider-range {
- background: #f472b6;
- border-radius: 6px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #3f3f46;
- border-color: transparent;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-treeselect.p-variant-filled {
- background: #27272a;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #27272a;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #09090b;
- border-radius: 6px;
- }
- .p-togglebutton .p-button {
- background: #09090b;
- border: 1px solid #09090b;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #a1a1aa;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #020617;
- background: #f472b6;
- border: 1px solid #f472b6;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #f9a8d4;
- color: #020617;
- border-color: #f9a8d4;
- }
- .p-button:not(:disabled):active {
- background: #fbcfe8;
- color: #020617;
- border-color: #fbcfe8;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #f472b6;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(244, 114, 182, 0.04);
- color: #f472b6;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(244, 114, 182, 0.16);
- color: #f472b6;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #a1a1aa;
- border-color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #f472b6;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(244, 114, 182, 0.04);
- color: #f472b6;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(244, 114, 182, 0.16);
- color: #f472b6;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #a1a1aa;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #a1a1aa;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
- .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #f472b6;
- background-color: #020617;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.5rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.5rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.5rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(39, 39, 42, 0.04);
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(39, 39, 42, 0.16);
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #27272a;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(39, 39, 42, 0.04);
- border-color: transparent;
- color: #27272a;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(39, 39, 42, 0.16);
- border-color: transparent;
- color: #27272a;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #082f49;
- background: #38bdf8;
- border: 1px solid #38bdf8;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #7dd3fc;
- color: #082f49;
- border-color: #7dd3fc;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #bae6fd;
- color: #082f49;
- border-color: #bae6fd;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(56, 189, 248, 0.04);
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(56, 189, 248, 0.16);
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #38bdf8;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(56, 189, 248, 0.04);
- border-color: transparent;
- color: #38bdf8;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(56, 189, 248, 0.16);
- border-color: transparent;
- color: #38bdf8;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #052e16;
- background: #4ade80;
- border: 1px solid #4ade80;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #86efac;
- color: #052e16;
- border-color: #86efac;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #bbf7d0;
- color: #052e16;
- border-color: #bbf7d0;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(74, 222, 128, 0.04);
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(74, 222, 128, 0.16);
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #4ade80;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(74, 222, 128, 0.04);
- border-color: transparent;
- color: #4ade80;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(74, 222, 128, 0.16);
- border-color: transparent;
- color: #4ade80;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #431407;
- background: #fb923c;
- border: 1px solid #fb923c;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #fdba74;
- color: #431407;
- border-color: #fdba74;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #fed7aa;
- color: #431407;
- border-color: #fed7aa;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(251, 146, 60, 0.04);
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(251, 146, 60, 0.16);
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #fb923c;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(251, 146, 60, 0.04);
- border-color: transparent;
- color: #fb923c;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(251, 146, 60, 0.16);
- border-color: transparent;
- color: #fb923c;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #3b0764;
- background: #c084fc;
- border: 1px solid #c084fc;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #d8b4fe;
- color: #3b0764;
- border-color: #d8b4fe;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #e9d5ff;
- color: #3b0764;
- border-color: #e9d5ff;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(192, 132, 252, 0.04);
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(192, 132, 252, 0.16);
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #c084fc;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(192, 132, 252, 0.04);
- border-color: transparent;
- color: #c084fc;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(192, 132, 252, 0.16);
- border-color: transparent;
- color: #c084fc;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #450a0a;
- background: #f87171;
- border: 1px solid #f87171;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #fca5a5;
- color: #450a0a;
- border-color: #fca5a5;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #fecaca;
- color: #450a0a;
- border-color: #fecaca;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(248, 113, 113, 0.04);
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(248, 113, 113, 0.16);
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #f87171;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(248, 113, 113, 0.04);
- border-color: transparent;
- color: #f87171;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(248, 113, 113, 0.16);
- border-color: transparent;
- color: #f87171;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #09090b;
- background: #ffffff;
- border: 1px solid #ffffff;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #f4f4f5;
- color: #09090b;
- border-color: #f4f4f5;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #e4e4e7;
- color: #09090b;
- border-color: #e4e4e7;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #ffffff;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: transparent;
- color: #ffffff;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- border-color: transparent;
- color: #ffffff;
- }
-
- .p-button.p-button-link {
- color: #f472b6;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #f472b6;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #f472b6;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-speeddial-action {
- width: 2.5rem;
- height: 2.5rem;
- background: #3f3f46;
- color: #a1a1aa;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-speeddial-action:hover {
- background: #3f3f46;
- color: #ffffff;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 6px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 6px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #3f3f46;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #3f3f46;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(244, 114, 182, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #a1a1aa;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(244, 114, 182, 0.16);
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: rgba(244, 114, 182, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(244, 114, 182, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: 0 none;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #18181b;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(244, 114, 182, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(244, 114, 182, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(244, 114, 182, 0.16);
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-datatable .p-column-resizer-helper {
- background: #f472b6;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #18181b;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #1f1f22;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: rgba(244, 114, 182, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #18181b;
- color: #ffffff;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(244, 114, 182, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-clear-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-overlay {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.25rem 0.25rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(244, 114, 182, 0.16);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-bottom: 1px solid #3f3f46;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-orderlist .p-orderlist-header {
- color: #ffffff;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #3f3f46;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(244, 114, 182, 0.16);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(244, 114, 182, 0.24);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #1f1f22;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: rgba(244, 114, 182, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(214, 17, 120, 0.16);
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #3f3f46;
- border-color: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #3f3f46;
- border-color: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #18181b;
- color: #ffffff;
- border: solid #3f3f46;
- border-width: 0;
- padding: 0.5rem 1rem;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: #ffffff;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 50%;
- border-bottom-left-radius: 50%;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 50%;
- border-bottom-right-radius: 50%;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.5rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.5rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(244, 114, 182, 0.16);
- border-color: rgba(244, 114, 182, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: #ffffff;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-picklist .p-picklist-header {
- color: #ffffff;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #3f3f46;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(244, 114, 182, 0.16);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(244, 114, 182, 0.24);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #1f1f22;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #3f3f46;
- border-radius: 50%;
- width: 1.125rem;
- height: 1.125rem;
- background-color: #020617;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #3f3f46;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-radius: 6px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0 0;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- padding: 0.25rem 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #a1a1aa;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #ffffff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(244, 114, 182, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- }
- .p-treetable .p-sortable-column {
- outline-color: var(--p-focus-ring-color);
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #a1a1aa;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(244, 114, 182, 0.16);
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: rgba(244, 114, 182, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #18181b;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(244, 114, 182, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #ffffff;
- }
- .p-treetable .p-column-resizer-helper {
- background: #f472b6;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #18181b;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #a1a1aa;
- background: #18181b;
- font-weight: 600;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #18181b;
- background: #18181b;
- color: #ffffff;
- }
- .p-accordion .p-accordion-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-card {
- background: #18181b;
- color: #ffffff;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-card .p-card-body {
- padding: 1.5rem;
- }
- .p-card .p-card-title {
- font-size: 1.25rem;
- font-weight: 600;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #a1a1aa;
- }
- .p-card .p-card-content {
- padding: 0 0 0 0;
- }
- .p-card .p-card-footer {
- padding: 0 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-radius: 6px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- background: #18181b;
- font-weight: 600;
- border-radius: 6px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1.125rem;
- color: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: #ffffff;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #18181b;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #3f3f46;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #3f3f46;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #3f3f46;
- padding: 1.125rem;
- background: #18181b;
- color: #ffffff;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.75rem 1.125rem;
- }
- .p-panel .p-panel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panel .p-panel-footer {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #3f3f46;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #3f3f46;
- background: #18181b;
- border-radius: 6px;
- color: #ffffff;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- background: #3f3f46;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #3f3f46;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #18181b;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #a1a1aa;
- border: 1px solid #3f3f46;
- border-width: 2px;
- background: #18181b;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #ffffff;
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: rgba(244, 114, 182, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #ffffff;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #f472b6;
- }
- .p-stepper .p-stepper-panels {
- background: #18181b;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- color: #ffffff;
- }
- .p-stepper .p-stepper-separator {
- background-color: #3f3f46;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #18181b;
- color: #ffffff;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #f472b6;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-width: 0 0 1px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #3f3f46;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #3f3f46 transparent;
- background: #18181b;
- color: #a1a1aa;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #f472b6;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #18181b;
- color: #f472b6;
- width: 2.5rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-panels {
- background: #18181b;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #18181b;
- border: 1px solid #3f3f46;
- padding: 1.125rem;
- border-radius: 6px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(24, 24, 27, 0);
- border-bottom-color: #18181b;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(63, 63, 70, 0);
- border-bottom-color: #3c3c43;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #18181b;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #3f3f46;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- border: 1px solid #3f3f46;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 1.5rem;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #18181b;
- color: #ffffff;
- padding: 0 1.5rem 1.5rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #f472b6;
- color: #020617;
- width: 1.75rem;
- height: 1.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -0.875rem;
- right: -0.875rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #f9a8d4;
- color: #020617;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(24, 24, 27, 0);
- border-bottom-color: #18181b;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(63, 63, 70, 0);
- border-bottom-color: #3c3c43;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #18181b;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #3f3f46;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1.125rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #3f3f46;
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #3f3f46;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #18181b;
- padding: 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fileupload .p-fileupload-content {
- background: #18181b;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #f472b6;
- background-color: rgba(244, 114, 182, 0.16);
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #f9a8d4;
- color: #020617;
- border-color: #f9a8d4;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #fbcfe8;
- color: #020617;
- border-color: #fbcfe8;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #18181b;
- border: 0 none;
- border-radius: 6px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #71717a;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #ffffff;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #71717a;
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-contextmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(244, 114, 182, 0.16);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(244, 114, 182, 0.24);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 6px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-dock .p-dock-link {
- width: 3rem;
- height: 3rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem 0.5rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 2px 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(244, 114, 182, 0.16);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(244, 114, 182, 0.24);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-megamenu-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0.25rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #71717a;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 2px 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(244, 114, 182, 0.16);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(244, 114, 182, 0.24);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu.p-menu-overlay {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem 0.5rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem {
- margin: 2px 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(244, 114, 182, 0.16);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(244, 114, 182, 0.24);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- border-radius: 6px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #71717a;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.5rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 0 none;
- color: #a1a1aa;
- background: #18181b;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #a1a1aa;
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #18181b;
- background: #18181b;
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0.25rem;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(244, 114, 182, 0.16);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(244, 114, 182, 0.24);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #18181b;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #a1a1aa;
- border: 1px solid #3f3f46;
- background: #18181b;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #ffffff;
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: rgba(244, 114, 182, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 500;
- color: #ffffff;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #3f3f46;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-width: 0 0 1px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #3f3f46;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #3f3f46 transparent;
- background: #18181b;
- color: #a1a1aa;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #f472b6;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(244, 114, 182, 0.16);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(244, 114, 182, 0.24);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.75rem;
- margin: 0;
- border-radius: 6px;
- }
- .p-inline-message.p-inline-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #3b82f6;
- }
- .p-inline-message.p-inline-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #22c55e;
- }
- .p-inline-message.p-inline-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #eab308;
- }
- .p-inline-message.p-inline-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #ef4444;
- }
- .p-inline-message.p-inline-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-inline-message.p-inline-message-secondary .p-inline-message-icon {
- color: #d4d4d8;
- }
- .p-inline-message.p-inline-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-inline-message.p-inline-message-contrast .p-inline-message-icon {
- color: #09090b;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 6px;
- }
- .p-message .p-message-wrapper {
- padding: 0.5rem 0.75rem;
- }
- .p-message .p-message-close {
- width: 1.75rem;
- height: 1.75rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-message.p-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-message.p-message-info .p-message-icon {
- color: #3b82f6;
- }
- .p-message.p-message-info .p-message-close {
- color: #3b82f6;
- }
- .p-message.p-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-message.p-message-success .p-message-icon {
- color: #22c55e;
- }
- .p-message.p-message-success .p-message-close {
- color: #22c55e;
- }
- .p-message.p-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #eab308;
- }
- .p-message.p-message-warn .p-message-close {
- color: #eab308;
- }
- .p-message.p-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-message.p-message-error .p-message-icon {
- color: #ef4444;
- }
- .p-message.p-message-error .p-message-close {
- color: #ef4444;
- }
- .p-message.p-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-icon {
- color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-close {
- color: #d4d4d8;
- }
- .p-message.p-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-message.p-message-contrast .p-message-icon {
- color: #09090b;
- }
- .p-message.p-message-contrast .p-message-close {
- color: #09090b;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1rem;
- height: 1rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 0.75rem;
- border-width: 1px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 1.125rem;
- height: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 500;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.125rem;
- height: 1.125rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- color: #d4d4d8;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- color: #09090b;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #a1a1aa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #a1a1aa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #ffffff;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #3f3f46;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #3f3f46;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(244, 114, 182, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(244, 114, 182, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #a1a1aa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #a1a1aa;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #ffffff;
- background-color: rgba(255, 255, 255, 0.03);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #3f3f46;
- border-radius: 6px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #18181b;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #f472b6;
- color: #020617;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-badge.p-badge-success {
- background-color: #4ade80;
- color: #052e16;
- }
- .p-badge.p-badge-info {
- background-color: #38bdf8;
- color: #082f49;
- }
- .p-badge.p-badge-warning {
- background-color: #fb923c;
- color: #431407;
- }
- .p-badge.p-badge-danger {
- background-color: #f87171;
- color: #450a0a;
- }
- .p-badge.p-badge-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-badge.p-badge-contrast {
- background-color: #ffffff;
- color: #09090b;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 6px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #f472b6;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #f472b6;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.25rem;
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #f472b6;
- }
- .p-progressbar .p-progressbar-label {
- color: #020617;
- line-height: 1.25rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #ef4444;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #ef4444;
- }
- 40% {
- stroke: #3b82f6;
- }
- 66% {
- stroke: #22c55e;
- }
- 80%, 90% {
- stroke: #eab308;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-scrolltop.p-link {
- background: #3f3f46;
- }
- .p-scrolltop.p-link:hover {
- background: #3f3f46;
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #ffffff;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 6px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #f472b6;
- color: #020617;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
- }
- .p-tag.p-tag-success {
- background-color: #4ade80;
- color: #052e16;
- }
- .p-tag.p-tag-info {
- background-color: #38bdf8;
- color: #082f49;
- }
- .p-tag.p-tag-warning {
- background-color: #fb923c;
- color: #431407;
- }
- .p-tag.p-tag-danger {
- background-color: #f87171;
- color: #450a0a;
- }
- .p-tag.p-tag-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-tag.p-tag-contrast {
- background-color: #ffffff;
- color: #09090b;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primevue {
- .p-accordion .p-accordion-header .p-accordion-header-link {
- border-radius: 6px !important;
- flex-direction: row-reverse;
- justify-content: space-between;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link:hover {
- border-bottom-color: #18181b;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- transform: rotate(90deg);
- }
- .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon {
- transform: rotate(-180deg);
- }
- .p-accordion .p-accordion-tab {
- border-bottom: 1px solid #27272a;
- }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom: 0 none;
- }
-
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.375rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete.p-disabled {
- opacity: 1;
- }
-
- .p-button-label {
- font-weight: 500;
- }
-
- .p-button.p-button-success:enabled:focus-visible {
- outline-color: #4ade80;
- }
- .p-button.p-button-info:enabled:focus-visible {
- outline-color: #38bdf8;
- }
- .p-button.p-button-warning:enabled:focus-visible {
- outline-color: #fb923c;
- }
- .p-button.p-button-help:enabled:focus-visible {
- outline-color: #c084fc;
- }
- .p-button.p-button-danger:enabled:focus-visible {
- outline-color: #f87171;
- }
- .p-button.p-button-contrast:enabled:focus-visible {
- outline-color: #ffffff;
- }
- .p-button.p-button-outlined {
- border-color: rgba(244, 114, 182, 0.44);
- }
- .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active {
- border-color: rgba(244, 114, 182, 0.44);
- }
- .p-button.p-button-outlined.p-button-secondary {
- border-color: rgba(82, 82, 91, 0.48);
- color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover {
- color: #a1a1aa;
- background-color: rgba(255, 255, 255, 0.04);
- border-color: rgba(82, 82, 91, 0.48);
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):active {
- color: #a1a1aa;
- background-color: rgba(255, 255, 255, 0.16);
- border-color: rgba(82, 82, 91, 0.48);
- }
- .p-button.p-button-outlined.p-button-success {
- border-color: rgba(21, 128, 61, 0.44);
- }
- .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active {
- border-color: rgba(21, 128, 61, 0.44);
- }
- .p-button.p-button-outlined.p-button-info {
- border-color: rgba(29, 78, 216, 0.44);
- }
- .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active {
- border-color: rgba(29, 78, 216, 0.44);
- }
- .p-button.p-button-outlined.p-button-warning {
- border-color: rgba(161, 98, 7, 0.44);
- }
- .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active {
- border-color: rgba(161, 98, 7, 0.44);
- }
- .p-button.p-button-outlined.p-button-help {
- border-color: rgba(109, 40, 217, 0.44);
- }
- .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active {
- border-color: rgba(109, 40, 217, 0.44);
- }
- .p-button.p-button-outlined.p-button-danger {
- border-color: rgba(185, 28, 28, 0.44);
- }
- .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active {
- border-color: rgba(185, 28, 28, 0.44);
- }
- .p-button.p-button-outlined.p-button-contrast {
- border-color: rgba(255, 255, 255, 0.44);
- }
- .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active {
- border-color: rgba(255, 255, 255, 0.44);
- }
- .p-button.p-button-secondary.p-button-text {
- color: #a1a1aa;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover {
- background-color: rgba(255, 255, 255, 0.04);
- color: #a1a1aa;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active {
- background-color: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
-
- .p-datepicker-buttonbar .p-button {
- padding: 0.25rem 0.75rem;
- font-size: 0.875rem;
- }
-
- .p-datepicker .p-datepicker-group-container + .p-timepicker {
- margin-top: 0.5rem;
- padding-top: 0.5rem;
- }
- .p-datepicker table th {
- font-weight: 500;
- }
-
- .p-card {
- border-radius: 12px;
- display: flex;
- flex-direction: column;
- }
- .p-card .p-card-caption {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-card .p-card-caption .p-card-title,
-.p-card .p-card-caption .p-card-subtitle {
- margin-bottom: 0;
- }
- .p-card .p-card-body {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #f472b6;
- }
-
- .p-cascadeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-cascadeselect .p-cascadeselect-label {
- box-shadow: none;
- }
- .p-cascadeselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-cascadeselect.p-disabled .p-cascadeselect-label {
- background-color: #3f3f46;
- color: #a1a1aa;
- }
-
- div.p-cascadeselect-panel {
- border: 0 none;
- box-shadow: none;
- }
-
- .p-checkbox .p-checkbox-box {
- border-radius: 4px;
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
- border-color: #f472b6;
- }
- .p-checkbox.p-disabled {
- opacity: 1;
- }
- .p-checkbox.p-disabled .p-checkbox-box {
- background-color: #3f3f46;
- border: 1px solid #3f3f46;
- }
- .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {
- color: #a1a1aa;
- }
-
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.375rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips.p-disabled .p-chips-multiple-container {
- opacity: 1;
- background-color: #3f3f46;
- }
-
- .p-chip {
- border-radius: 16px;
- padding: 0.25rem 0.75rem;
- }
- .p-chip .p-chip-text {
- margin-top: 0;
- margin-bottom: 0;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.375rem;
- }
- .p-chip:has(.p-chip-remove-icon) {
- padding-right: 0.5rem;
- }
- .p-chip img {
- margin-left: -0.5rem;
- }
-
- .p-colorpicker-preview {
- padding: 0;
- }
- .p-colorpicker-preview:enabled:focus {
- outline-offset: 2px;
- }
- .p-colorpicker-preview.p-inputtext.p-disabled {
- opacity: 0.6;
- }
-
- .p-confirm-popup {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #f472b6;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #f472b6;
- }
- .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: rgba(241, 81, 165, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight > td {
- border-bottom-color: rgba(241, 81, 165, 0.16);
- }
-
- .p-dataview-layout-options.p-selectbutton .p-button svg {
- position: relative;
- }
-
- .p-dialog {
- border-radius: 12px;
- background-color: #18181b;
- }
- .p-dialog.p-dialog-maximized {
- border-radius: 0;
- }
- .p-dialog .p-dialog-header {
- border-top-right-radius: 12px;
- border-top-left-radius: 12px;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
- .p-dialog .p-dialog-footer {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
-
- .p-dropdown {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-dropdown .p-dropdown-label {
- box-shadow: none;
- }
- .p-dropdown.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-dropdown.p-disabled .p-dropdown-label {
- color: #a1a1aa;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- margin-left: -0.375rem;
- margin-right: 0.375rem;
- }
-
- .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: rgba(241, 81, 165, 0.16);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td {
- border-bottom-color: rgba(241, 81, 165, 0.16);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover {
- background-color: rgba(244, 114, 182, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-fieldset {
- padding: 0 1.125rem 1.125rem 1.125rem;
- margin: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text {
- padding: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- color: #a1a1aa;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background-color: rgba(255, 255, 255, 0.03);
- }
- .p-fieldset .p-fieldset-legend {
- border: 0 none;
- padding: 0;
- margin-bottom: 0.375rem;
- }
- .p-fieldset .p-fieldset-legend span {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0;
- }
-
- .p-column-filter-overlay-menu {
- padding: 0.75rem;
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraints {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 0 0 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button {
- margin-bottom: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0;
- }
-
- .p-fileupload .p-fileupload-content {
- border-top: 0 none;
- padding-top: 1.125rem;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #f472b6;
- }
-
- .p-inline-message-text {
- font-weight: 500;
- }
-
- .p-inline-message {
- backdrop-filter: blur(10px);
- }
-
- .p-inline-message.p-inline-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
-
- .p-inline-message.p-inline-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
-
- .p-inline-message.p-inline-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
-
- .p-inline-message.p-inline-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
-
- .p-inline-message.p-inline-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
-
- .p-inline-message.p-inline-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
-
- .p-inputgroup-addon {
- padding: 0.5rem;
- }
-
- .p-inputnumber.p-inputnumber-buttons-stacked {
- position: relative;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- position: absolute;
- top: 1px;
- right: 1px;
- height: calc(100% - 2px);
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #3f3f46;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up {
- border-left: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down {
- border-right: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #3f3f46;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up {
- border-bottom: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down {
- border-top: 0 none;
- }
-
- .p-inputswitch .p-inputswitch-slider {
- border: 0 none;
- }
- .p-inputswitch.p-highlight p-inputswitch-slider:before {
- left: 1.25rem;
- transform: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- background: #fca5a5;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
- background: #18181b;
- }
-
- .p-inputtext {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
-
- .p-inputtext:disabled {
- opacity: 1;
- background-color: #3f3f46;
- color: #a1a1aa;
- }
-
- .p-knob svg {
- border-radius: 6px;
- outline-color: transparent;
- transition: outline-color 0.2s;
- }
- .p-knob svg:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-listbox {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-listbox.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-listbox.p-disabled .p-listbox-list .p-listbox-item {
- color: #a1a1aa;
- }
-
- .p-message {
- backdrop-filter: blur(10px);
- }
-
- .p-message.p-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-message.p-message-info .p-message-close:focus-visible {
- outline-color: #3b82f6;
- }
- .p-message.p-message-info .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-message.p-message-success .p-message-close:focus-visible {
- outline-color: #22c55e;
- }
- .p-message.p-message-success .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-message.p-message-warn .p-message-close:focus-visible {
- outline-color: #eab308;
- }
- .p-message.p-message-warn .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-message.p-message-error .p-message-close:focus-visible {
- outline-color: #ef4444;
- }
- .p-message.p-message-error .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-message.p-message-secondary .p-message-close:focus-visible {
- outline-color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-close:hover {
- background: #3f3f46;
- }
-
- .p-message.p-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-message.p-message-contrast .p-message-close:focus-visible {
- outline-color: #09090b;
- }
- .p-message.p-message-contrast .p-message-close:hover {
- background: #f4f4f5;
- }
-
- .p-multiselect-panel .p-multiselect-header {
- padding-left: 1rem;
- padding-right: 1rem;
- }
-
- .p-multiselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-multiselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-multiselect.p-disabled .p-multiselect-label {
- color: #a1a1aa;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- border-radius: 4px;
- margin-right: 0.25rem;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.375rem;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header {
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action {
- background: rgba(255, 255, 255, 0.08);
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- font-weight: 600;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- /*line-height: 1.5;*/
- }
- .p-panelmenu .p-panelmenu-content {
- border-radius: 6px;
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-panel {
- padding: 0.25rem 0.25rem;
- overflow: hidden;
- margin-bottom: 0.75rem;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
-
- .p-password-panel {
- background-color: #18181b;
- border: 1px solid #3f3f46;
- padding: 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.75rem;
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength {
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f87171;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #fbbf24;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #4ade80;
- }
-
- .p-orderlist-controls .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-orderlist-controls .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-orderlist-controls .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-orderlist-controls .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
-
- .p-orderlist .p-orderlist-header {
- background: #18181b;
- color: #ffffff;
- border: 0 none;
- border-bottom: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #a1a1aa;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list {
- border: 1px solid #3f3f46;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- border-radius: 6px;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-organizationchart .p-organizationchart-node-content {
- padding: 0.75rem 1rem;
- border-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid #3f3f46;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: static;
- }
- .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) {
- padding: 0.75rem 1rem 1.25rem 1rem;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
- border-right: 0 none;
- }
- .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) {
- border-top-right-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) {
- border-left: 1px solid #3f3f46;
- border-top-left-radius: 6px;
- }
-
- .p-overlaypanel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.75rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- position: absolute;
- top: 0.25rem;
- right: 0.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-overlaypanel .p-overlaypanel-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-panel {
- border: 1px solid #3f3f46;
- border-radius: 6px;
- background-color: #18181b;
- }
- .p-panel .p-panel-header,
-.p-panel .p-panel-content,
-.p-panel .p-panel-footer {
- background: transparent;
- border: 0 none;
- }
- .p-panel:has(.p-panel-footer) .p-panel-content {
- padding-bottom: 0.875rem;
- }
-
- .p-picklist-buttons .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-picklist-buttons .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-picklist-buttons .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-picklist-buttons .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
-
- .p-picklist .p-picklist-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #a1a1aa;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-picklist .p-picklist-list {
- border: 1px solid #3f3f46;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- border-radius: 6px;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-progressbar-label {
- font-size: 0.75rem;
- font-weight: 600;
- }
-
- .p-radiobutton .p-radiobutton-box {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box {
- border-color: #f472b6;
- }
- .p-radiobutton.p-disabled {
- opacity: 1;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box {
- border: 1px solid #3f3f46;
- background-color: #3f3f46;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon {
- background-color: #a1a1aa;
- }
-
- .p-rating {
- gap: 0.25rem;
- }
-
- .p-selectbutton .p-button .pi,
-.p-selectbutton .p-button .p-button-label {
- position: relative;
- transition: none;
- }
- .p-selectbutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-selectbutton .p-button.p-highlight::before {
- background: #27272a;
- border-color: #27272a;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-selectbutton .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-selectbutton .p-button.p-disabled {
- opacity: 1;
- color: #71717a;
- }
- .p-selectbutton.p-invalid {
- box-shadow: 0 0 0 1px #fca5a5;
- border-radius: 6px;
- }
- .p-selectbutton.p-invalid > .p-button {
- border: 1px solid #09090b;
- }
- .p-selectbutton.p-disabled {
- opacity: 1;
- }
- .p-selectbutton.p-disabled .p-button {
- color: #71717a;
- }
-
- .p-slider .p-slider-handle {
- display: flex !important;
- justify-content: center;
- align-items: center;
- }
- .p-slider .p-slider-handle::before {
- content: "";
- width: 16px;
- height: 16px;
- display: block;
- background-color: #09090b;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline-color: #fab9db;
- }
-
- .p-speeddial-button.p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-splitter-gutter-handle {
- border-radius: 6px;
- }
-
- .p-stepper .p-stepper-header .p-stepper-number {
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #18181b;
- color: #f472b6;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #f472b6;
- }
-
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- border-width: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-steps-number {
- position: relative;
- font-weight: 500;
- }
- .p-steps .p-steps-item .p-steps-number::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #18181b;
- color: #f472b6;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- color: #f472b6;
- }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1;
- }
- .p-steps .p-steps-item:before {
- border-top-width: 2px;
- margin-top: calc(-1rem + 1px);
- }
- .p-steps .p-steps-item:first-child::before {
- width: calc(50% + 1rem);
- transform: translateX(100%);
- }
- .p-steps .p-steps-item:last-child::before {
- width: 50%;
- }
-
- .p-tabmenu .p-tabmenu-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: -1px;
- height: 1px;
- background-color: #f472b6;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabmenu .p-tabmenu-nav {
- position: relative;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-tabview .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 1px;
- background-color: #f472b6;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabview .p-tabview-nav {
- position: relative;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5);
- }
- .p-tabview .p-tabview-nav-btn.p-link:hover {
- color: #ffffff;
- }
-
- .p-tag {
- background: color-mix(in srgb, var(--primary-500), transparent 80%);
- color: var(--primary-300);
- }
- .p-tag.p-tag-success {
- background: rgba(34, 197, 94, 0.16);
- color: #22c55e;
- }
- .p-tag.p-tag-info {
- background: rgba(59, 130, 246, 0.16);
- color: #3b82f6;
- }
- .p-tag.p-tag-warning {
- background: rgba(234, 179, 8, 0.16);
- color: #eab308;
- }
- .p-tag.p-tag-danger {
- background: rgba(239, 68, 68, 0.16);
- color: #ef4444;
- }
-
- .p-terminal {
- background: #09090b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- }
- .p-terminal .p-terminal-prompt {
- margin-right: 0.25rem;
- }
- .p-terminal .p-terminal-response {
- margin: 2px 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- position: relative;
- }
- .p-timeline .p-timeline-event-marker::before {
- content: " ";
- border-radius: 50%;
- width: 0.375rem;
- height: 0.375rem;
- background-color: #f472b6;
- }
- .p-timeline .p-timeline-event-marker::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-toast .p-toast-message {
- backdrop-filter: blur(10px);
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- font-size: 0.875rem;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.75rem;
- height: 1.75rem;
- margin-top: -25%;
- right: -25%;
- position: relative;
- }
-
- .p-toast .p-toast-message.p-toast-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- outline-color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- outline-color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- outline-color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover {
- background: #3f3f46;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover {
- background: #f4f4f5;
- }
-
- .p-togglebutton .p-button .p-button-label,
-.p-togglebutton .p-button .p-button-icon {
- position: relative;
- transition: none;
- }
- .p-togglebutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-togglebutton.p-highlight .p-button::before {
- background: #27272a;
- border-color: #27272a;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-togglebutton.p-disabled {
- opacity: 1;
- }
- .p-togglebutton.p-disabled .p-button {
- color: #71717a;
- }
- .p-togglebutton.p-disabled .p-button .p-button-icon {
- color: #71717a;
- }
-
- .p-toolbar {
- padding: 0.75rem;
- }
-
- .p-tree {
- border: 0 none;
- padding: 1rem;
- }
- .p-tree .p-tree-container .p-treenode {
- margin: 2px 0;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline-offset: -2px;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover {
- background-color: rgba(244, 114, 182, 0.16);
- }
- .p-tree .p-tree-container > .p-treenode:first-child {
- margin-top: 0;
- }
- .p-tree .p-tree-container > .p-treenode:last-child {
- margin-bottom: 0;
- }
-
- .p-treeselect-panel .p-tree {
- padding: 0.25rem 0.25rem;
- }
-
- .p-treeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-treeselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-treeselect.p-disabled .p-treeselect-label {
- color: #a1a1aa;
- }
-}
diff --git a/public/themes/aura-dark-purple/fonts/Inter-italic.var.woff2 b/public/themes/aura-dark-purple/fonts/Inter-italic.var.woff2
deleted file mode 100644
index b826d5a..0000000
Binary files a/public/themes/aura-dark-purple/fonts/Inter-italic.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-dark-purple/fonts/Inter-roman.var.woff2 b/public/themes/aura-dark-purple/fonts/Inter-roman.var.woff2
deleted file mode 100644
index 6a256a0..0000000
Binary files a/public/themes/aura-dark-purple/fonts/Inter-roman.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-dark-purple/theme.css b/public/themes/aura-dark-purple/theme.css
deleted file mode 100644
index 2784f8b..0000000
--- a/public/themes/aura-dark-purple/theme.css
+++ /dev/null
@@ -1,12113 +0,0 @@
-:root {
- font-family: "Inter var", sans-serif;
- font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- font-variation-settings: normal;
- --font-family: "Inter var", sans-serif;
- --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- --text-color: #ffffff;
- --text-color-secondary: #a1a1aa;
- --primary-color: #a78bfa;
- --primary-color-text: #020617;
- --surface-0: #18181b;
- --surface-50: #27272a;
- --surface-100: #3f3f46;
- --surface-200: #52525b;
- --surface-300: #71717a;
- --surface-400: #a1a1aa;
- --surface-500: #d4d4d8;
- --surface-600: #e4e4e7;
- --surface-700: #f4f4f5;
- --surface-800: #fafafa;
- --surface-900: #ffffff;
- --gray-0: #ffffff;
- --gray-50: #fafafa;
- --gray-100: #f4f4f5;
- --gray-200: #e4e4e7;
- --gray-300: #d4d4d8;
- --gray-400: #a1a1aa;
- --gray-500: #71717a;
- --gray-600: #52525b;
- --gray-700: #3f3f46;
- --gray-800: #27272a;
- --gray-900: #18181b;
- --content-padding: 1.125rem;
- --inline-spacing: 0.5rem;
- --border-radius: 6px;
- --surface-ground: #09090b;
- --surface-section: #18181b;
- --surface-card: #18181b;
- --surface-overlay: #18181b;
- --surface-border: #27272a;
- --surface-hover: rgba(255, 255, 255, 0.03);
- --focus-ring: none;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: rgba(167, 139, 250, 0.16);
- --highlight-text-color: rgba(255, 255, 255, 0.87);
- --p-anchor-gutter: 2px;
- color-scheme: dark;
-}
-
-:root {
- --p-focus-ring-color: var(--primary-color);
-}
-
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: normal;
- font-named-instance: "Regular";
- src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
-}
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: italic;
- font-named-instance: "Italic";
- src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
-}
-:root {
- --blue-50:#f5f9ff;
- --blue-100:#d0e1fd;
- --blue-200:#abc9fb;
- --blue-300:#85b2f9;
- --blue-400:#609af8;
- --blue-500:#3b82f6;
- --blue-600:#326fd1;
- --blue-700:#295bac;
- --blue-800:#204887;
- --blue-900:#183462;
- --green-50:#f4fcf7;
- --green-100:#caf1d8;
- --green-200:#a0e6ba;
- --green-300:#76db9b;
- --green-400:#4cd07d;
- --green-500:#22c55e;
- --green-600:#1da750;
- --green-700:#188a42;
- --green-800:#136c34;
- --green-900:#0e4f26;
- --yellow-50:#fefbf3;
- --yellow-100:#faedc4;
- --yellow-200:#f6de95;
- --yellow-300:#f2d066;
- --yellow-400:#eec137;
- --yellow-500:#eab308;
- --yellow-600:#c79807;
- --yellow-700:#a47d06;
- --yellow-800:#816204;
- --yellow-900:#5e4803;
- --cyan-50:#f3fbfd;
- --cyan-100:#c3edf5;
- --cyan-200:#94e0ed;
- --cyan-300:#65d2e4;
- --cyan-400:#35c4dc;
- --cyan-500:#06b6d4;
- --cyan-600:#059bb4;
- --cyan-700:#047f94;
- --cyan-800:#036475;
- --cyan-900:#024955;
- --pink-50:#fef6fa;
- --pink-100:#fad3e7;
- --pink-200:#f7b0d3;
- --pink-300:#f38ec0;
- --pink-400:#f06bac;
- --pink-500:#ec4899;
- --pink-600:#c93d82;
- --pink-700:#a5326b;
- --pink-800:#822854;
- --pink-900:#5e1d3d;
- --indigo-50:#f7f7fe;
- --indigo-100:#dadafc;
- --indigo-200:#bcbdf9;
- --indigo-300:#9ea0f6;
- --indigo-400:#8183f4;
- --indigo-500:#6366f1;
- --indigo-600:#5457cd;
- --indigo-700:#4547a9;
- --indigo-800:#363885;
- --indigo-900:#282960;
- --teal-50:#f3fbfb;
- --teal-100:#c7eeea;
- --teal-200:#9ae0d9;
- --teal-300:#6dd3c8;
- --teal-400:#41c5b7;
- --teal-500:#14b8a6;
- --teal-600:#119c8d;
- --teal-700:#0e8174;
- --teal-800:#0b655b;
- --teal-900:#084a42;
- --orange-50:#fff8f3;
- --orange-100:#feddc7;
- --orange-200:#fcc39b;
- --orange-300:#fba86f;
- --orange-400:#fa8e42;
- --orange-500:#f97316;
- --orange-600:#d46213;
- --orange-700:#ae510f;
- --orange-800:#893f0c;
- --orange-900:#642e09;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dadee3;
- --bluegray-200:#bcc3cd;
- --bluegray-300:#9fa9b7;
- --bluegray-400:#818ea1;
- --bluegray-500:#64748b;
- --bluegray-600:#556376;
- --bluegray-700:#465161;
- --bluegray-800:#37404c;
- --bluegray-900:#282e38;
- --purple-50:#fbf7ff;
- --purple-100:#ead6fd;
- --purple-200:#dab6fc;
- --purple-300:#c996fa;
- --purple-400:#b975f9;
- --purple-500:#a855f7;
- --purple-600:#8f48d2;
- --purple-700:#763cad;
- --purple-800:#5c2f88;
- --purple-900:#432263;
- --red-50:#fff5f5;
- --red-100:#ffd0ce;
- --red-200:#ffaca7;
- --red-300:#ff8780;
- --red-400:#ff6259;
- --red-500:#ff3d32;
- --red-600:#d9342b;
- --red-700:#b32b23;
- --red-800:#8c221c;
- --red-900:#661814;
- --primary-50:#fbf9ff;
- --primary-100:#eae3fe;
- --primary-200:#d9cdfd;
- --primary-300:#c8b7fc;
- --primary-400:#b8a1fb;
- --primary-500:#a78bfa;
- --primary-600:#8e76d5;
- --primary-700:#7561af;
- --primary-800:#5c4c8a;
- --primary-900:#433864;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #18181b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #3f3f46;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- padding: 0.25rem 0.25rem;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 0.75rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #3f3f46;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #09090b;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #a78bfa;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #a78bfa;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #a78bfa;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #a78bfa;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.6;
- }
-
- .p-error {
- color: #fca5a5;
- }
-
- .p-text-secondary {
- color: #a1a1aa;
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.25rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #52525b;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #3f3f46;
- color: #ffffff;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-autocomplete-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.25rem 0.25rem;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(167, 139, 250, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(167, 139, 250, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
-
- .p-datepicker {
- padding: 0.75rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: transparent;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0 0 0.5rem 0;
- color: #ffffff;
- background: transparent;
- font-weight: 500;
- margin: 0 0 0 0;
- border-bottom: 1px solid #3f3f46;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 1.75rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-weight: 500;
- padding: 0.25rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #a78bfa;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker table th {
- padding: 0.25rem;
- }
- .p-datepicker table th > span {
- width: 2rem;
- height: 2rem;
- }
- .p-datepicker table td {
- padding: 0.25rem;
- }
- .p-datepicker table td > span {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(167, 139, 250, 0.16);
- }
- .p-datepicker table td > span:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #3f3f46;
- color: #ffffff;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(167, 139, 250, 0.16);
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.5rem 0 0 0;
- border-top: 1px solid #3f3f46;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #3f3f46;
- padding: 0;
- }
- .p-datepicker .p-timepicker button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(167, 139, 250, 0.16);
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(167, 139, 250, 0.16);
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #3f3f46;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0.25rem;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #27272a;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #27272a;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #27272a;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-cascadeselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(167, 139, 250, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(167, 139, 250, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #3f3f46;
- background: #09090b;
- width: 1.25rem;
- height: 1.25rem;
- color: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #020617;
- font-size: 0.875rem;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #a78bfa;
- background: #a78bfa;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #52525b;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #c4b5fd;
- background: #c4b5fd;
- color: #020617;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #fca5a5;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #27272a;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #a78bfa;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #27272a;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #c4b5fd;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #27272a;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #a78bfa;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #27272a;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #c4b5fd;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #52525b;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #3f3f46;
- color: #ffffff;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-colorpicker-panel {
- background: #18181b;
- border: 1px solid #3f3f46;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff;
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-dropdown.p-variant-filled {
- background: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #a1a1aa;
- right: 2.5rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-dropdown-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.25rem 0.25rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(167, 139, 250, 0.16);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(167, 139, 250, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #18181b;
- color: #a1a1aa;
- border-top: 1px solid #3f3f46;
- border-left: 1px solid #3f3f46;
- border-bottom: 1px solid #3f3f46;
- padding: 0.5rem 0.75rem;
- min-width: 2.5rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #3f3f46;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.5rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #27272a;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #27272a;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #27272a;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 2.5rem;
- height: 1.5rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #27272a;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #a1a1aa;
- width: 1rem;
- height: 1rem;
- left: 0.25rem;
- margin-top: -0.5rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #a78bfa;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #020617;
- transform: translateX(1rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #27272a;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #c4b5fd;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #fca5a5;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- background: #09090b;
- padding: 0.5rem 0.75rem;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- appearance: none;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #52525b;
- }
- .p-inputtext:enabled:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #fca5a5;
- }
- .p-inputtext.p-variant-filled {
- background-color: #27272a;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #27272a;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #27272a;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: #a1a1aa;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #fca5a5;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: #a1a1aa;
- }
-
- :-moz-placeholder {
- color: #a1a1aa;
- }
-
- ::-moz-placeholder {
- color: #a1a1aa;
- }
-
- :-ms-input-placeholder {
- color: #a1a1aa;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #27272a;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #27272a;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #27272a;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-listbox .p-listbox-list {
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(167, 139, 250, 0.16);
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(167, 139, 250, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-listbox.p-invalid {
- border-color: #fca5a5;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-multiselect.p-variant-filled {
- background: #27272a;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(167, 139, 250, 0.16);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(167, 139, 250, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-password-panel {
- padding: 0 1.125rem 1.125rem 1.125rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #3f3f46;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f87171;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #fbbf24;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #4ade80;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #3f3f46;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #3f3f46;
- background: #09090b;
- width: 1.25rem;
- height: 1.25rem;
- color: #ffffff;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 0.75rem;
- height: 0.75rem;
- transition-duration: 0.2s;
- background-color: #a78bfa;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #a78bfa;
- background: #020617;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #52525b;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #c4b5fd;
- background: #020617;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #c4b5fd;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #fca5a5;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #020617;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #020617;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #020617;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #020617;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-size: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f87171;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #a78bfa;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #a78bfa;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #ef4444;
- }
-
- .p-selectbutton .p-button {
- background: #09090b;
- border: 1px solid #09090b;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #a1a1aa;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #3f3f46;
- border: 0 none;
- border-radius: 6px;
- }
- .p-slider.p-slider-horizontal {
- height: 3px;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px;
- }
- .p-slider.p-slider-vertical {
- width: 3px;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px;
- }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #3f3f46;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-slider .p-slider-range {
- background: #a78bfa;
- border-radius: 6px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #3f3f46;
- border-color: transparent;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-treeselect.p-variant-filled {
- background: #27272a;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #27272a;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #09090b;
- border-radius: 6px;
- }
- .p-togglebutton .p-button {
- background: #09090b;
- border: 1px solid #09090b;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #a1a1aa;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #020617;
- background: #a78bfa;
- border: 1px solid #a78bfa;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #c4b5fd;
- color: #020617;
- border-color: #c4b5fd;
- }
- .p-button:not(:disabled):active {
- background: #ddd6fe;
- color: #020617;
- border-color: #ddd6fe;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #a78bfa;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(167, 139, 250, 0.04);
- color: #a78bfa;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(167, 139, 250, 0.16);
- color: #a78bfa;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #a1a1aa;
- border-color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #a78bfa;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(167, 139, 250, 0.04);
- color: #a78bfa;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(167, 139, 250, 0.16);
- color: #a78bfa;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #a1a1aa;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #a1a1aa;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
- .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #a78bfa;
- background-color: #020617;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.5rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.5rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.5rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(39, 39, 42, 0.04);
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(39, 39, 42, 0.16);
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #27272a;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(39, 39, 42, 0.04);
- border-color: transparent;
- color: #27272a;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(39, 39, 42, 0.16);
- border-color: transparent;
- color: #27272a;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #082f49;
- background: #38bdf8;
- border: 1px solid #38bdf8;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #7dd3fc;
- color: #082f49;
- border-color: #7dd3fc;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #bae6fd;
- color: #082f49;
- border-color: #bae6fd;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(56, 189, 248, 0.04);
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(56, 189, 248, 0.16);
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #38bdf8;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(56, 189, 248, 0.04);
- border-color: transparent;
- color: #38bdf8;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(56, 189, 248, 0.16);
- border-color: transparent;
- color: #38bdf8;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #052e16;
- background: #4ade80;
- border: 1px solid #4ade80;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #86efac;
- color: #052e16;
- border-color: #86efac;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #bbf7d0;
- color: #052e16;
- border-color: #bbf7d0;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(74, 222, 128, 0.04);
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(74, 222, 128, 0.16);
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #4ade80;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(74, 222, 128, 0.04);
- border-color: transparent;
- color: #4ade80;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(74, 222, 128, 0.16);
- border-color: transparent;
- color: #4ade80;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #431407;
- background: #fb923c;
- border: 1px solid #fb923c;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #fdba74;
- color: #431407;
- border-color: #fdba74;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #fed7aa;
- color: #431407;
- border-color: #fed7aa;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(251, 146, 60, 0.04);
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(251, 146, 60, 0.16);
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #fb923c;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(251, 146, 60, 0.04);
- border-color: transparent;
- color: #fb923c;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(251, 146, 60, 0.16);
- border-color: transparent;
- color: #fb923c;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #3b0764;
- background: #c084fc;
- border: 1px solid #c084fc;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #d8b4fe;
- color: #3b0764;
- border-color: #d8b4fe;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #e9d5ff;
- color: #3b0764;
- border-color: #e9d5ff;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(192, 132, 252, 0.04);
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(192, 132, 252, 0.16);
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #c084fc;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(192, 132, 252, 0.04);
- border-color: transparent;
- color: #c084fc;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(192, 132, 252, 0.16);
- border-color: transparent;
- color: #c084fc;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #450a0a;
- background: #f87171;
- border: 1px solid #f87171;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #fca5a5;
- color: #450a0a;
- border-color: #fca5a5;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #fecaca;
- color: #450a0a;
- border-color: #fecaca;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(248, 113, 113, 0.04);
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(248, 113, 113, 0.16);
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #f87171;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(248, 113, 113, 0.04);
- border-color: transparent;
- color: #f87171;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(248, 113, 113, 0.16);
- border-color: transparent;
- color: #f87171;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #09090b;
- background: #ffffff;
- border: 1px solid #ffffff;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #f4f4f5;
- color: #09090b;
- border-color: #f4f4f5;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #e4e4e7;
- color: #09090b;
- border-color: #e4e4e7;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #ffffff;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: transparent;
- color: #ffffff;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- border-color: transparent;
- color: #ffffff;
- }
-
- .p-button.p-button-link {
- color: #a78bfa;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #a78bfa;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #a78bfa;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-speeddial-action {
- width: 2.5rem;
- height: 2.5rem;
- background: #3f3f46;
- color: #a1a1aa;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-speeddial-action:hover {
- background: #3f3f46;
- color: #ffffff;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 6px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 6px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #3f3f46;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #3f3f46;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(167, 139, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #a1a1aa;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(167, 139, 250, 0.16);
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: rgba(167, 139, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(167, 139, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: 0 none;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #18181b;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(167, 139, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(167, 139, 250, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(167, 139, 250, 0.16);
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-datatable .p-column-resizer-helper {
- background: #a78bfa;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #18181b;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #1f1f22;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: rgba(167, 139, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #18181b;
- color: #ffffff;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(167, 139, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-clear-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-overlay {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.25rem 0.25rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(167, 139, 250, 0.16);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-bottom: 1px solid #3f3f46;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-orderlist .p-orderlist-header {
- color: #ffffff;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #3f3f46;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(167, 139, 250, 0.16);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(167, 139, 250, 0.24);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #1f1f22;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: rgba(167, 139, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(74, 17, 245, 0.16);
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #3f3f46;
- border-color: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #3f3f46;
- border-color: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #18181b;
- color: #ffffff;
- border: solid #3f3f46;
- border-width: 0;
- padding: 0.5rem 1rem;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: #ffffff;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 50%;
- border-bottom-left-radius: 50%;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 50%;
- border-bottom-right-radius: 50%;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.5rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.5rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(167, 139, 250, 0.16);
- border-color: rgba(167, 139, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: #ffffff;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-picklist .p-picklist-header {
- color: #ffffff;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #3f3f46;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(167, 139, 250, 0.16);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(167, 139, 250, 0.24);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #1f1f22;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #3f3f46;
- border-radius: 50%;
- width: 1.125rem;
- height: 1.125rem;
- background-color: #020617;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #3f3f46;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-radius: 6px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0 0;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- padding: 0.25rem 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #a1a1aa;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #ffffff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(167, 139, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- }
- .p-treetable .p-sortable-column {
- outline-color: var(--p-focus-ring-color);
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #a1a1aa;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(167, 139, 250, 0.16);
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: rgba(167, 139, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #18181b;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(167, 139, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #ffffff;
- }
- .p-treetable .p-column-resizer-helper {
- background: #a78bfa;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #18181b;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #a1a1aa;
- background: #18181b;
- font-weight: 600;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #18181b;
- background: #18181b;
- color: #ffffff;
- }
- .p-accordion .p-accordion-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-card {
- background: #18181b;
- color: #ffffff;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-card .p-card-body {
- padding: 1.5rem;
- }
- .p-card .p-card-title {
- font-size: 1.25rem;
- font-weight: 600;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #a1a1aa;
- }
- .p-card .p-card-content {
- padding: 0 0 0 0;
- }
- .p-card .p-card-footer {
- padding: 0 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-radius: 6px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- background: #18181b;
- font-weight: 600;
- border-radius: 6px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1.125rem;
- color: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: #ffffff;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #18181b;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #3f3f46;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #3f3f46;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #3f3f46;
- padding: 1.125rem;
- background: #18181b;
- color: #ffffff;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.75rem 1.125rem;
- }
- .p-panel .p-panel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panel .p-panel-footer {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #3f3f46;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #3f3f46;
- background: #18181b;
- border-radius: 6px;
- color: #ffffff;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- background: #3f3f46;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #3f3f46;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #18181b;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #a1a1aa;
- border: 1px solid #3f3f46;
- border-width: 2px;
- background: #18181b;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #ffffff;
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: rgba(167, 139, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #ffffff;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #a78bfa;
- }
- .p-stepper .p-stepper-panels {
- background: #18181b;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- color: #ffffff;
- }
- .p-stepper .p-stepper-separator {
- background-color: #3f3f46;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #18181b;
- color: #ffffff;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #a78bfa;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-width: 0 0 1px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #3f3f46;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #3f3f46 transparent;
- background: #18181b;
- color: #a1a1aa;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #a78bfa;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #18181b;
- color: #a78bfa;
- width: 2.5rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-panels {
- background: #18181b;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #18181b;
- border: 1px solid #3f3f46;
- padding: 1.125rem;
- border-radius: 6px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(24, 24, 27, 0);
- border-bottom-color: #18181b;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(63, 63, 70, 0);
- border-bottom-color: #3c3c43;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #18181b;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #3f3f46;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- border: 1px solid #3f3f46;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 1.5rem;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #18181b;
- color: #ffffff;
- padding: 0 1.5rem 1.5rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #a78bfa;
- color: #020617;
- width: 1.75rem;
- height: 1.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -0.875rem;
- right: -0.875rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #c4b5fd;
- color: #020617;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(24, 24, 27, 0);
- border-bottom-color: #18181b;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(63, 63, 70, 0);
- border-bottom-color: #3c3c43;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #18181b;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #3f3f46;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1.125rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #3f3f46;
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #3f3f46;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #18181b;
- padding: 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fileupload .p-fileupload-content {
- background: #18181b;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #a78bfa;
- background-color: rgba(167, 139, 250, 0.16);
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #c4b5fd;
- color: #020617;
- border-color: #c4b5fd;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #ddd6fe;
- color: #020617;
- border-color: #ddd6fe;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #18181b;
- border: 0 none;
- border-radius: 6px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #71717a;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #ffffff;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #71717a;
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-contextmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(167, 139, 250, 0.16);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(167, 139, 250, 0.24);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 6px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-dock .p-dock-link {
- width: 3rem;
- height: 3rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem 0.5rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 2px 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(167, 139, 250, 0.16);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(167, 139, 250, 0.24);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-megamenu-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0.25rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #71717a;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 2px 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(167, 139, 250, 0.16);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(167, 139, 250, 0.24);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu.p-menu-overlay {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem 0.5rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem {
- margin: 2px 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(167, 139, 250, 0.16);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(167, 139, 250, 0.24);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- border-radius: 6px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #71717a;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.5rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 0 none;
- color: #a1a1aa;
- background: #18181b;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #a1a1aa;
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #18181b;
- background: #18181b;
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0.25rem;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(167, 139, 250, 0.16);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(167, 139, 250, 0.24);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #18181b;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #a1a1aa;
- border: 1px solid #3f3f46;
- background: #18181b;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #ffffff;
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: rgba(167, 139, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 500;
- color: #ffffff;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #3f3f46;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-width: 0 0 1px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #3f3f46;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #3f3f46 transparent;
- background: #18181b;
- color: #a1a1aa;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #a78bfa;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(167, 139, 250, 0.16);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(167, 139, 250, 0.24);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.75rem;
- margin: 0;
- border-radius: 6px;
- }
- .p-inline-message.p-inline-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #3b82f6;
- }
- .p-inline-message.p-inline-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #22c55e;
- }
- .p-inline-message.p-inline-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #eab308;
- }
- .p-inline-message.p-inline-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #ef4444;
- }
- .p-inline-message.p-inline-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-inline-message.p-inline-message-secondary .p-inline-message-icon {
- color: #d4d4d8;
- }
- .p-inline-message.p-inline-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-inline-message.p-inline-message-contrast .p-inline-message-icon {
- color: #09090b;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 6px;
- }
- .p-message .p-message-wrapper {
- padding: 0.5rem 0.75rem;
- }
- .p-message .p-message-close {
- width: 1.75rem;
- height: 1.75rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-message.p-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-message.p-message-info .p-message-icon {
- color: #3b82f6;
- }
- .p-message.p-message-info .p-message-close {
- color: #3b82f6;
- }
- .p-message.p-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-message.p-message-success .p-message-icon {
- color: #22c55e;
- }
- .p-message.p-message-success .p-message-close {
- color: #22c55e;
- }
- .p-message.p-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #eab308;
- }
- .p-message.p-message-warn .p-message-close {
- color: #eab308;
- }
- .p-message.p-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-message.p-message-error .p-message-icon {
- color: #ef4444;
- }
- .p-message.p-message-error .p-message-close {
- color: #ef4444;
- }
- .p-message.p-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-icon {
- color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-close {
- color: #d4d4d8;
- }
- .p-message.p-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-message.p-message-contrast .p-message-icon {
- color: #09090b;
- }
- .p-message.p-message-contrast .p-message-close {
- color: #09090b;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1rem;
- height: 1rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 0.75rem;
- border-width: 1px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 1.125rem;
- height: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 500;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.125rem;
- height: 1.125rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- color: #d4d4d8;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- color: #09090b;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #a1a1aa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #a1a1aa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #ffffff;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #3f3f46;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #3f3f46;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(167, 139, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(167, 139, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #a1a1aa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #a1a1aa;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #ffffff;
- background-color: rgba(255, 255, 255, 0.03);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #3f3f46;
- border-radius: 6px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #18181b;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #a78bfa;
- color: #020617;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-badge.p-badge-success {
- background-color: #4ade80;
- color: #052e16;
- }
- .p-badge.p-badge-info {
- background-color: #38bdf8;
- color: #082f49;
- }
- .p-badge.p-badge-warning {
- background-color: #fb923c;
- color: #431407;
- }
- .p-badge.p-badge-danger {
- background-color: #f87171;
- color: #450a0a;
- }
- .p-badge.p-badge-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-badge.p-badge-contrast {
- background-color: #ffffff;
- color: #09090b;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 6px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #a78bfa;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #a78bfa;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.25rem;
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #a78bfa;
- }
- .p-progressbar .p-progressbar-label {
- color: #020617;
- line-height: 1.25rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #ef4444;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #ef4444;
- }
- 40% {
- stroke: #3b82f6;
- }
- 66% {
- stroke: #22c55e;
- }
- 80%, 90% {
- stroke: #eab308;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-scrolltop.p-link {
- background: #3f3f46;
- }
- .p-scrolltop.p-link:hover {
- background: #3f3f46;
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #ffffff;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 6px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #a78bfa;
- color: #020617;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
- }
- .p-tag.p-tag-success {
- background-color: #4ade80;
- color: #052e16;
- }
- .p-tag.p-tag-info {
- background-color: #38bdf8;
- color: #082f49;
- }
- .p-tag.p-tag-warning {
- background-color: #fb923c;
- color: #431407;
- }
- .p-tag.p-tag-danger {
- background-color: #f87171;
- color: #450a0a;
- }
- .p-tag.p-tag-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-tag.p-tag-contrast {
- background-color: #ffffff;
- color: #09090b;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primevue {
- .p-accordion .p-accordion-header .p-accordion-header-link {
- border-radius: 6px !important;
- flex-direction: row-reverse;
- justify-content: space-between;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link:hover {
- border-bottom-color: #18181b;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- transform: rotate(90deg);
- }
- .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon {
- transform: rotate(-180deg);
- }
- .p-accordion .p-accordion-tab {
- border-bottom: 1px solid #27272a;
- }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom: 0 none;
- }
-
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.375rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete.p-disabled {
- opacity: 1;
- }
-
- .p-button-label {
- font-weight: 500;
- }
-
- .p-button.p-button-success:enabled:focus-visible {
- outline-color: #4ade80;
- }
- .p-button.p-button-info:enabled:focus-visible {
- outline-color: #38bdf8;
- }
- .p-button.p-button-warning:enabled:focus-visible {
- outline-color: #fb923c;
- }
- .p-button.p-button-help:enabled:focus-visible {
- outline-color: #c084fc;
- }
- .p-button.p-button-danger:enabled:focus-visible {
- outline-color: #f87171;
- }
- .p-button.p-button-contrast:enabled:focus-visible {
- outline-color: #ffffff;
- }
- .p-button.p-button-outlined {
- border-color: rgba(167, 139, 250, 0.44);
- }
- .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active {
- border-color: rgba(167, 139, 250, 0.44);
- }
- .p-button.p-button-outlined.p-button-secondary {
- border-color: rgba(82, 82, 91, 0.48);
- color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover {
- color: #a1a1aa;
- background-color: rgba(255, 255, 255, 0.04);
- border-color: rgba(82, 82, 91, 0.48);
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):active {
- color: #a1a1aa;
- background-color: rgba(255, 255, 255, 0.16);
- border-color: rgba(82, 82, 91, 0.48);
- }
- .p-button.p-button-outlined.p-button-success {
- border-color: rgba(21, 128, 61, 0.44);
- }
- .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active {
- border-color: rgba(21, 128, 61, 0.44);
- }
- .p-button.p-button-outlined.p-button-info {
- border-color: rgba(29, 78, 216, 0.44);
- }
- .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active {
- border-color: rgba(29, 78, 216, 0.44);
- }
- .p-button.p-button-outlined.p-button-warning {
- border-color: rgba(161, 98, 7, 0.44);
- }
- .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active {
- border-color: rgba(161, 98, 7, 0.44);
- }
- .p-button.p-button-outlined.p-button-help {
- border-color: rgba(109, 40, 217, 0.44);
- }
- .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active {
- border-color: rgba(109, 40, 217, 0.44);
- }
- .p-button.p-button-outlined.p-button-danger {
- border-color: rgba(185, 28, 28, 0.44);
- }
- .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active {
- border-color: rgba(185, 28, 28, 0.44);
- }
- .p-button.p-button-outlined.p-button-contrast {
- border-color: rgba(255, 255, 255, 0.44);
- }
- .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active {
- border-color: rgba(255, 255, 255, 0.44);
- }
- .p-button.p-button-secondary.p-button-text {
- color: #a1a1aa;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover {
- background-color: rgba(255, 255, 255, 0.04);
- color: #a1a1aa;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active {
- background-color: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
-
- .p-datepicker-buttonbar .p-button {
- padding: 0.25rem 0.75rem;
- font-size: 0.875rem;
- }
-
- .p-datepicker .p-datepicker-group-container + .p-timepicker {
- margin-top: 0.5rem;
- padding-top: 0.5rem;
- }
- .p-datepicker table th {
- font-weight: 500;
- }
-
- .p-card {
- border-radius: 12px;
- display: flex;
- flex-direction: column;
- }
- .p-card .p-card-caption {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-card .p-card-caption .p-card-title,
-.p-card .p-card-caption .p-card-subtitle {
- margin-bottom: 0;
- }
- .p-card .p-card-body {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #a78bfa;
- }
-
- .p-cascadeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-cascadeselect .p-cascadeselect-label {
- box-shadow: none;
- }
- .p-cascadeselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-cascadeselect.p-disabled .p-cascadeselect-label {
- background-color: #3f3f46;
- color: #a1a1aa;
- }
-
- div.p-cascadeselect-panel {
- border: 0 none;
- box-shadow: none;
- }
-
- .p-checkbox .p-checkbox-box {
- border-radius: 4px;
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
- border-color: #a78bfa;
- }
- .p-checkbox.p-disabled {
- opacity: 1;
- }
- .p-checkbox.p-disabled .p-checkbox-box {
- background-color: #3f3f46;
- border: 1px solid #3f3f46;
- }
- .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {
- color: #a1a1aa;
- }
-
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.375rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips.p-disabled .p-chips-multiple-container {
- opacity: 1;
- background-color: #3f3f46;
- }
-
- .p-chip {
- border-radius: 16px;
- padding: 0.25rem 0.75rem;
- }
- .p-chip .p-chip-text {
- margin-top: 0;
- margin-bottom: 0;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.375rem;
- }
- .p-chip:has(.p-chip-remove-icon) {
- padding-right: 0.5rem;
- }
- .p-chip img {
- margin-left: -0.5rem;
- }
-
- .p-colorpicker-preview {
- padding: 0;
- }
- .p-colorpicker-preview:enabled:focus {
- outline-offset: 2px;
- }
- .p-colorpicker-preview.p-inputtext.p-disabled {
- opacity: 0.6;
- }
-
- .p-confirm-popup {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #a78bfa;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #a78bfa;
- }
- .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: rgba(139, 102, 248, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight > td {
- border-bottom-color: rgba(139, 102, 248, 0.16);
- }
-
- .p-dataview-layout-options.p-selectbutton .p-button svg {
- position: relative;
- }
-
- .p-dialog {
- border-radius: 12px;
- background-color: #18181b;
- }
- .p-dialog.p-dialog-maximized {
- border-radius: 0;
- }
- .p-dialog .p-dialog-header {
- border-top-right-radius: 12px;
- border-top-left-radius: 12px;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
- .p-dialog .p-dialog-footer {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
-
- .p-dropdown {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-dropdown .p-dropdown-label {
- box-shadow: none;
- }
- .p-dropdown.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-dropdown.p-disabled .p-dropdown-label {
- color: #a1a1aa;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- margin-left: -0.375rem;
- margin-right: 0.375rem;
- }
-
- .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: rgba(139, 102, 248, 0.16);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td {
- border-bottom-color: rgba(139, 102, 248, 0.16);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover {
- background-color: rgba(167, 139, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-fieldset {
- padding: 0 1.125rem 1.125rem 1.125rem;
- margin: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text {
- padding: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- color: #a1a1aa;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background-color: rgba(255, 255, 255, 0.03);
- }
- .p-fieldset .p-fieldset-legend {
- border: 0 none;
- padding: 0;
- margin-bottom: 0.375rem;
- }
- .p-fieldset .p-fieldset-legend span {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0;
- }
-
- .p-column-filter-overlay-menu {
- padding: 0.75rem;
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraints {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 0 0 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button {
- margin-bottom: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0;
- }
-
- .p-fileupload .p-fileupload-content {
- border-top: 0 none;
- padding-top: 1.125rem;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #a78bfa;
- }
-
- .p-inline-message-text {
- font-weight: 500;
- }
-
- .p-inline-message {
- backdrop-filter: blur(10px);
- }
-
- .p-inline-message.p-inline-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
-
- .p-inline-message.p-inline-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
-
- .p-inline-message.p-inline-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
-
- .p-inline-message.p-inline-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
-
- .p-inline-message.p-inline-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
-
- .p-inline-message.p-inline-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
-
- .p-inputgroup-addon {
- padding: 0.5rem;
- }
-
- .p-inputnumber.p-inputnumber-buttons-stacked {
- position: relative;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- position: absolute;
- top: 1px;
- right: 1px;
- height: calc(100% - 2px);
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #3f3f46;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up {
- border-left: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down {
- border-right: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #3f3f46;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up {
- border-bottom: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down {
- border-top: 0 none;
- }
-
- .p-inputswitch .p-inputswitch-slider {
- border: 0 none;
- }
- .p-inputswitch.p-highlight p-inputswitch-slider:before {
- left: 1.25rem;
- transform: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- background: #fca5a5;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
- background: #18181b;
- }
-
- .p-inputtext {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
-
- .p-inputtext:disabled {
- opacity: 1;
- background-color: #3f3f46;
- color: #a1a1aa;
- }
-
- .p-knob svg {
- border-radius: 6px;
- outline-color: transparent;
- transition: outline-color 0.2s;
- }
- .p-knob svg:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-listbox {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-listbox.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-listbox.p-disabled .p-listbox-list .p-listbox-item {
- color: #a1a1aa;
- }
-
- .p-message {
- backdrop-filter: blur(10px);
- }
-
- .p-message.p-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-message.p-message-info .p-message-close:focus-visible {
- outline-color: #3b82f6;
- }
- .p-message.p-message-info .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-message.p-message-success .p-message-close:focus-visible {
- outline-color: #22c55e;
- }
- .p-message.p-message-success .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-message.p-message-warn .p-message-close:focus-visible {
- outline-color: #eab308;
- }
- .p-message.p-message-warn .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-message.p-message-error .p-message-close:focus-visible {
- outline-color: #ef4444;
- }
- .p-message.p-message-error .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-message.p-message-secondary .p-message-close:focus-visible {
- outline-color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-close:hover {
- background: #3f3f46;
- }
-
- .p-message.p-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-message.p-message-contrast .p-message-close:focus-visible {
- outline-color: #09090b;
- }
- .p-message.p-message-contrast .p-message-close:hover {
- background: #f4f4f5;
- }
-
- .p-multiselect-panel .p-multiselect-header {
- padding-left: 1rem;
- padding-right: 1rem;
- }
-
- .p-multiselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-multiselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-multiselect.p-disabled .p-multiselect-label {
- color: #a1a1aa;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- border-radius: 4px;
- margin-right: 0.25rem;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.375rem;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header {
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action {
- background: rgba(255, 255, 255, 0.08);
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- font-weight: 600;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- /*line-height: 1.5;*/
- }
- .p-panelmenu .p-panelmenu-content {
- border-radius: 6px;
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-panel {
- padding: 0.25rem 0.25rem;
- overflow: hidden;
- margin-bottom: 0.75rem;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
-
- .p-password-panel {
- background-color: #18181b;
- border: 1px solid #3f3f46;
- padding: 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.75rem;
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength {
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f87171;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #fbbf24;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #4ade80;
- }
-
- .p-orderlist-controls .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-orderlist-controls .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-orderlist-controls .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-orderlist-controls .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
-
- .p-orderlist .p-orderlist-header {
- background: #18181b;
- color: #ffffff;
- border: 0 none;
- border-bottom: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #a1a1aa;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list {
- border: 1px solid #3f3f46;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- border-radius: 6px;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-organizationchart .p-organizationchart-node-content {
- padding: 0.75rem 1rem;
- border-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid #3f3f46;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: static;
- }
- .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) {
- padding: 0.75rem 1rem 1.25rem 1rem;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
- border-right: 0 none;
- }
- .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) {
- border-top-right-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) {
- border-left: 1px solid #3f3f46;
- border-top-left-radius: 6px;
- }
-
- .p-overlaypanel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.75rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- position: absolute;
- top: 0.25rem;
- right: 0.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-overlaypanel .p-overlaypanel-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-panel {
- border: 1px solid #3f3f46;
- border-radius: 6px;
- background-color: #18181b;
- }
- .p-panel .p-panel-header,
-.p-panel .p-panel-content,
-.p-panel .p-panel-footer {
- background: transparent;
- border: 0 none;
- }
- .p-panel:has(.p-panel-footer) .p-panel-content {
- padding-bottom: 0.875rem;
- }
-
- .p-picklist-buttons .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-picklist-buttons .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-picklist-buttons .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-picklist-buttons .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
-
- .p-picklist .p-picklist-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #a1a1aa;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-picklist .p-picklist-list {
- border: 1px solid #3f3f46;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- border-radius: 6px;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-progressbar-label {
- font-size: 0.75rem;
- font-weight: 600;
- }
-
- .p-radiobutton .p-radiobutton-box {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box {
- border-color: #a78bfa;
- }
- .p-radiobutton.p-disabled {
- opacity: 1;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box {
- border: 1px solid #3f3f46;
- background-color: #3f3f46;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon {
- background-color: #a1a1aa;
- }
-
- .p-rating {
- gap: 0.25rem;
- }
-
- .p-selectbutton .p-button .pi,
-.p-selectbutton .p-button .p-button-label {
- position: relative;
- transition: none;
- }
- .p-selectbutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-selectbutton .p-button.p-highlight::before {
- background: #27272a;
- border-color: #27272a;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-selectbutton .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-selectbutton .p-button.p-disabled {
- opacity: 1;
- color: #71717a;
- }
- .p-selectbutton.p-invalid {
- box-shadow: 0 0 0 1px #fca5a5;
- border-radius: 6px;
- }
- .p-selectbutton.p-invalid > .p-button {
- border: 1px solid #09090b;
- }
- .p-selectbutton.p-disabled {
- opacity: 1;
- }
- .p-selectbutton.p-disabled .p-button {
- color: #71717a;
- }
-
- .p-slider .p-slider-handle {
- display: flex !important;
- justify-content: center;
- align-items: center;
- }
- .p-slider .p-slider-handle::before {
- content: "";
- width: 16px;
- height: 16px;
- display: block;
- background-color: #09090b;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline-color: #d3c5fd;
- }
-
- .p-speeddial-button.p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-splitter-gutter-handle {
- border-radius: 6px;
- }
-
- .p-stepper .p-stepper-header .p-stepper-number {
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #18181b;
- color: #a78bfa;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #a78bfa;
- }
-
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- border-width: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-steps-number {
- position: relative;
- font-weight: 500;
- }
- .p-steps .p-steps-item .p-steps-number::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #18181b;
- color: #a78bfa;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- color: #a78bfa;
- }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1;
- }
- .p-steps .p-steps-item:before {
- border-top-width: 2px;
- margin-top: calc(-1rem + 1px);
- }
- .p-steps .p-steps-item:first-child::before {
- width: calc(50% + 1rem);
- transform: translateX(100%);
- }
- .p-steps .p-steps-item:last-child::before {
- width: 50%;
- }
-
- .p-tabmenu .p-tabmenu-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: -1px;
- height: 1px;
- background-color: #a78bfa;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabmenu .p-tabmenu-nav {
- position: relative;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-tabview .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 1px;
- background-color: #a78bfa;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabview .p-tabview-nav {
- position: relative;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5);
- }
- .p-tabview .p-tabview-nav-btn.p-link:hover {
- color: #ffffff;
- }
-
- .p-tag {
- background: color-mix(in srgb, var(--primary-500), transparent 80%);
- color: var(--primary-300);
- }
- .p-tag.p-tag-success {
- background: rgba(34, 197, 94, 0.16);
- color: #22c55e;
- }
- .p-tag.p-tag-info {
- background: rgba(59, 130, 246, 0.16);
- color: #3b82f6;
- }
- .p-tag.p-tag-warning {
- background: rgba(234, 179, 8, 0.16);
- color: #eab308;
- }
- .p-tag.p-tag-danger {
- background: rgba(239, 68, 68, 0.16);
- color: #ef4444;
- }
-
- .p-terminal {
- background: #09090b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- }
- .p-terminal .p-terminal-prompt {
- margin-right: 0.25rem;
- }
- .p-terminal .p-terminal-response {
- margin: 2px 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- position: relative;
- }
- .p-timeline .p-timeline-event-marker::before {
- content: " ";
- border-radius: 50%;
- width: 0.375rem;
- height: 0.375rem;
- background-color: #a78bfa;
- }
- .p-timeline .p-timeline-event-marker::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-toast .p-toast-message {
- backdrop-filter: blur(10px);
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- font-size: 0.875rem;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.75rem;
- height: 1.75rem;
- margin-top: -25%;
- right: -25%;
- position: relative;
- }
-
- .p-toast .p-toast-message.p-toast-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- outline-color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- outline-color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- outline-color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover {
- background: #3f3f46;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover {
- background: #f4f4f5;
- }
-
- .p-togglebutton .p-button .p-button-label,
-.p-togglebutton .p-button .p-button-icon {
- position: relative;
- transition: none;
- }
- .p-togglebutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-togglebutton.p-highlight .p-button::before {
- background: #27272a;
- border-color: #27272a;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-togglebutton.p-disabled {
- opacity: 1;
- }
- .p-togglebutton.p-disabled .p-button {
- color: #71717a;
- }
- .p-togglebutton.p-disabled .p-button .p-button-icon {
- color: #71717a;
- }
-
- .p-toolbar {
- padding: 0.75rem;
- }
-
- .p-tree {
- border: 0 none;
- padding: 1rem;
- }
- .p-tree .p-tree-container .p-treenode {
- margin: 2px 0;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline-offset: -2px;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover {
- background-color: rgba(167, 139, 250, 0.16);
- }
- .p-tree .p-tree-container > .p-treenode:first-child {
- margin-top: 0;
- }
- .p-tree .p-tree-container > .p-treenode:last-child {
- margin-bottom: 0;
- }
-
- .p-treeselect-panel .p-tree {
- padding: 0.25rem 0.25rem;
- }
-
- .p-treeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-treeselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-treeselect.p-disabled .p-treeselect-label {
- color: #a1a1aa;
- }
-}
diff --git a/public/themes/aura-dark-teal/fonts/Inter-italic.var.woff2 b/public/themes/aura-dark-teal/fonts/Inter-italic.var.woff2
deleted file mode 100644
index b826d5a..0000000
Binary files a/public/themes/aura-dark-teal/fonts/Inter-italic.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-dark-teal/fonts/Inter-roman.var.woff2 b/public/themes/aura-dark-teal/fonts/Inter-roman.var.woff2
deleted file mode 100644
index 6a256a0..0000000
Binary files a/public/themes/aura-dark-teal/fonts/Inter-roman.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-dark-teal/theme.css b/public/themes/aura-dark-teal/theme.css
deleted file mode 100644
index 70e54bf..0000000
--- a/public/themes/aura-dark-teal/theme.css
+++ /dev/null
@@ -1,12113 +0,0 @@
-:root {
- font-family: "Inter var", sans-serif;
- font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- font-variation-settings: normal;
- --font-family: "Inter var", sans-serif;
- --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- --text-color: #ffffff;
- --text-color-secondary: #a1a1aa;
- --primary-color: #2dd4bf;
- --primary-color-text: #020617;
- --surface-0: #18181b;
- --surface-50: #27272a;
- --surface-100: #3f3f46;
- --surface-200: #52525b;
- --surface-300: #71717a;
- --surface-400: #a1a1aa;
- --surface-500: #d4d4d8;
- --surface-600: #e4e4e7;
- --surface-700: #f4f4f5;
- --surface-800: #fafafa;
- --surface-900: #ffffff;
- --gray-0: #ffffff;
- --gray-50: #fafafa;
- --gray-100: #f4f4f5;
- --gray-200: #e4e4e7;
- --gray-300: #d4d4d8;
- --gray-400: #a1a1aa;
- --gray-500: #71717a;
- --gray-600: #52525b;
- --gray-700: #3f3f46;
- --gray-800: #27272a;
- --gray-900: #18181b;
- --content-padding: 1.125rem;
- --inline-spacing: 0.5rem;
- --border-radius: 6px;
- --surface-ground: #09090b;
- --surface-section: #18181b;
- --surface-card: #18181b;
- --surface-overlay: #18181b;
- --surface-border: #27272a;
- --surface-hover: rgba(255, 255, 255, 0.03);
- --focus-ring: none;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: rgba(45, 212, 191, 0.16);
- --highlight-text-color: rgba(255, 255, 255, 0.87);
- --p-anchor-gutter: 2px;
- color-scheme: dark;
-}
-
-:root {
- --p-focus-ring-color: var(--primary-color);
-}
-
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: normal;
- font-named-instance: "Regular";
- src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
-}
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: italic;
- font-named-instance: "Italic";
- src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
-}
-:root {
- --blue-50:#f5f9ff;
- --blue-100:#d0e1fd;
- --blue-200:#abc9fb;
- --blue-300:#85b2f9;
- --blue-400:#609af8;
- --blue-500:#3b82f6;
- --blue-600:#326fd1;
- --blue-700:#295bac;
- --blue-800:#204887;
- --blue-900:#183462;
- --green-50:#f4fcf7;
- --green-100:#caf1d8;
- --green-200:#a0e6ba;
- --green-300:#76db9b;
- --green-400:#4cd07d;
- --green-500:#22c55e;
- --green-600:#1da750;
- --green-700:#188a42;
- --green-800:#136c34;
- --green-900:#0e4f26;
- --yellow-50:#fefbf3;
- --yellow-100:#faedc4;
- --yellow-200:#f6de95;
- --yellow-300:#f2d066;
- --yellow-400:#eec137;
- --yellow-500:#eab308;
- --yellow-600:#c79807;
- --yellow-700:#a47d06;
- --yellow-800:#816204;
- --yellow-900:#5e4803;
- --cyan-50:#f3fbfd;
- --cyan-100:#c3edf5;
- --cyan-200:#94e0ed;
- --cyan-300:#65d2e4;
- --cyan-400:#35c4dc;
- --cyan-500:#06b6d4;
- --cyan-600:#059bb4;
- --cyan-700:#047f94;
- --cyan-800:#036475;
- --cyan-900:#024955;
- --pink-50:#fef6fa;
- --pink-100:#fad3e7;
- --pink-200:#f7b0d3;
- --pink-300:#f38ec0;
- --pink-400:#f06bac;
- --pink-500:#ec4899;
- --pink-600:#c93d82;
- --pink-700:#a5326b;
- --pink-800:#822854;
- --pink-900:#5e1d3d;
- --indigo-50:#f7f7fe;
- --indigo-100:#dadafc;
- --indigo-200:#bcbdf9;
- --indigo-300:#9ea0f6;
- --indigo-400:#8183f4;
- --indigo-500:#6366f1;
- --indigo-600:#5457cd;
- --indigo-700:#4547a9;
- --indigo-800:#363885;
- --indigo-900:#282960;
- --teal-50:#f3fbfb;
- --teal-100:#c7eeea;
- --teal-200:#9ae0d9;
- --teal-300:#6dd3c8;
- --teal-400:#41c5b7;
- --teal-500:#14b8a6;
- --teal-600:#119c8d;
- --teal-700:#0e8174;
- --teal-800:#0b655b;
- --teal-900:#084a42;
- --orange-50:#fff8f3;
- --orange-100:#feddc7;
- --orange-200:#fcc39b;
- --orange-300:#fba86f;
- --orange-400:#fa8e42;
- --orange-500:#f97316;
- --orange-600:#d46213;
- --orange-700:#ae510f;
- --orange-800:#893f0c;
- --orange-900:#642e09;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dadee3;
- --bluegray-200:#bcc3cd;
- --bluegray-300:#9fa9b7;
- --bluegray-400:#818ea1;
- --bluegray-500:#64748b;
- --bluegray-600:#556376;
- --bluegray-700:#465161;
- --bluegray-800:#37404c;
- --bluegray-900:#282e38;
- --purple-50:#fbf7ff;
- --purple-100:#ead6fd;
- --purple-200:#dab6fc;
- --purple-300:#c996fa;
- --purple-400:#b975f9;
- --purple-500:#a855f7;
- --purple-600:#8f48d2;
- --purple-700:#763cad;
- --purple-800:#5c2f88;
- --purple-900:#432263;
- --red-50:#fff5f5;
- --red-100:#ffd0ce;
- --red-200:#ffaca7;
- --red-300:#ff8780;
- --red-400:#ff6259;
- --red-500:#ff3d32;
- --red-600:#d9342b;
- --red-700:#b32b23;
- --red-800:#8c221c;
- --red-900:#661814;
- --primary-50:#f5fdfc;
- --primary-100:#cdf5f0;
- --primary-200:#a5ede3;
- --primary-300:#7de4d7;
- --primary-400:#55dccb;
- --primary-500:#2dd4bf;
- --primary-600:#26b4a2;
- --primary-700:#209486;
- --primary-800:#197569;
- --primary-900:#12554c;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #18181b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #3f3f46;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #a1a1aa;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- padding: 0.25rem 0.25rem;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #ffffff;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 0.75rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #3f3f46;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #09090b;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #ffffff;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #2dd4bf;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #2dd4bf;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #2dd4bf;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #2dd4bf;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.6;
- }
-
- .p-error {
- color: #fca5a5;
- }
-
- .p-text-secondary {
- color: #a1a1aa;
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.25rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #52525b;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #3f3f46;
- color: #ffffff;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-autocomplete-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.25rem 0.25rem;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(45, 212, 191, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(45, 212, 191, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
-
- .p-datepicker {
- padding: 0.75rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: transparent;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0 0 0.5rem 0;
- color: #ffffff;
- background: transparent;
- font-weight: 500;
- margin: 0 0 0 0;
- border-bottom: 1px solid #3f3f46;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 1.75rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-weight: 500;
- padding: 0.25rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #2dd4bf;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker table th {
- padding: 0.25rem;
- }
- .p-datepicker table th > span {
- width: 2rem;
- height: 2rem;
- }
- .p-datepicker table td {
- padding: 0.25rem;
- }
- .p-datepicker table td > span {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(45, 212, 191, 0.16);
- }
- .p-datepicker table td > span:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #3f3f46;
- color: #ffffff;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(45, 212, 191, 0.16);
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.5rem 0 0 0;
- border-top: 1px solid #3f3f46;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #3f3f46;
- padding: 0;
- }
- .p-datepicker .p-timepicker button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(45, 212, 191, 0.16);
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(45, 212, 191, 0.16);
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #3f3f46;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0.25rem;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #27272a;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #27272a;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #27272a;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-cascadeselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(45, 212, 191, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(45, 212, 191, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #3f3f46;
- background: #09090b;
- width: 1.25rem;
- height: 1.25rem;
- color: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #020617;
- font-size: 0.875rem;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #2dd4bf;
- background: #2dd4bf;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #52525b;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #5eead4;
- background: #5eead4;
- color: #020617;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #fca5a5;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #27272a;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #2dd4bf;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #27272a;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #5eead4;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #27272a;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #2dd4bf;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #27272a;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #5eead4;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #52525b;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #3f3f46;
- color: #ffffff;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-colorpicker-panel {
- background: #18181b;
- border: 1px solid #3f3f46;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff;
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-dropdown.p-variant-filled {
- background: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #a1a1aa;
- right: 2.5rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-dropdown-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.25rem 0.25rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(45, 212, 191, 0.16);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(45, 212, 191, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #18181b;
- color: #a1a1aa;
- border-top: 1px solid #3f3f46;
- border-left: 1px solid #3f3f46;
- border-bottom: 1px solid #3f3f46;
- padding: 0.5rem 0.75rem;
- min-width: 2.5rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #3f3f46;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.5rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #27272a;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #27272a;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #27272a;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 2.5rem;
- height: 1.5rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #27272a;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #a1a1aa;
- width: 1rem;
- height: 1rem;
- left: 0.25rem;
- margin-top: -0.5rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #2dd4bf;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #020617;
- transform: translateX(1rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #27272a;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #5eead4;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #fca5a5;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #ffffff;
- background: #09090b;
- padding: 0.5rem 0.75rem;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- appearance: none;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #52525b;
- }
- .p-inputtext:enabled:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #fca5a5;
- }
- .p-inputtext.p-variant-filled {
- background-color: #27272a;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #27272a;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #27272a;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: #a1a1aa;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #fca5a5;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: #a1a1aa;
- }
-
- :-moz-placeholder {
- color: #a1a1aa;
- }
-
- ::-moz-placeholder {
- color: #a1a1aa;
- }
-
- :-ms-input-placeholder {
- color: #a1a1aa;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #27272a;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #27272a;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #27272a;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-listbox .p-listbox-list {
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(45, 212, 191, 0.16);
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(45, 212, 191, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-listbox.p-invalid {
- border-color: #fca5a5;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-multiselect.p-variant-filled {
- background: #27272a;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(45, 212, 191, 0.16);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(45, 212, 191, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-password-panel {
- padding: 0 1.125rem 1.125rem 1.125rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #3f3f46;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f87171;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #fbbf24;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #4ade80;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #3f3f46;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #3f3f46;
- background: #09090b;
- width: 1.25rem;
- height: 1.25rem;
- color: #ffffff;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 0.75rem;
- height: 0.75rem;
- transition-duration: 0.2s;
- background-color: #2dd4bf;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #2dd4bf;
- background: #020617;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #52525b;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #5eead4;
- background: #020617;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #5eead4;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #fca5a5;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #020617;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #020617;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #020617;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #27272a;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #020617;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-size: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f87171;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #2dd4bf;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #2dd4bf;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #ef4444;
- }
-
- .p-selectbutton .p-button {
- background: #09090b;
- border: 1px solid #09090b;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #a1a1aa;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #3f3f46;
- border: 0 none;
- border-radius: 6px;
- }
- .p-slider.p-slider-horizontal {
- height: 3px;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px;
- }
- .p-slider.p-slider-vertical {
- width: 3px;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px;
- }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #3f3f46;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-slider .p-slider-range {
- background: #2dd4bf;
- border-radius: 6px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #3f3f46;
- border-color: transparent;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #09090b;
- border: 1px solid #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #52525b;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-treeselect.p-variant-filled {
- background: #27272a;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #a1a1aa;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #a1a1aa;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #ffffff;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #27272a;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #27272a;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #27272a;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #09090b;
- border-radius: 6px;
- }
- .p-togglebutton .p-button {
- background: #09090b;
- border: 1px solid #09090b;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #a1a1aa;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #09090b;
- border-color: #09090b;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #020617;
- background: #2dd4bf;
- border: 1px solid #2dd4bf;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #5eead4;
- color: #020617;
- border-color: #5eead4;
- }
- .p-button:not(:disabled):active {
- background: #99f6e4;
- color: #020617;
- border-color: #99f6e4;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #2dd4bf;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(45, 212, 191, 0.04);
- color: #2dd4bf;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(45, 212, 191, 0.16);
- color: #2dd4bf;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #a1a1aa;
- border-color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #2dd4bf;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(45, 212, 191, 0.04);
- color: #2dd4bf;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(45, 212, 191, 0.16);
- color: #2dd4bf;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #a1a1aa;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #a1a1aa;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
- .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #2dd4bf;
- background-color: #020617;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.5rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.5rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.5rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(39, 39, 42, 0.04);
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(39, 39, 42, 0.16);
- color: #27272a;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #27272a;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(39, 39, 42, 0.04);
- border-color: transparent;
- color: #27272a;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(39, 39, 42, 0.16);
- border-color: transparent;
- color: #27272a;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #082f49;
- background: #38bdf8;
- border: 1px solid #38bdf8;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #7dd3fc;
- color: #082f49;
- border-color: #7dd3fc;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #bae6fd;
- color: #082f49;
- border-color: #bae6fd;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(56, 189, 248, 0.04);
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(56, 189, 248, 0.16);
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #38bdf8;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(56, 189, 248, 0.04);
- border-color: transparent;
- color: #38bdf8;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(56, 189, 248, 0.16);
- border-color: transparent;
- color: #38bdf8;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #052e16;
- background: #4ade80;
- border: 1px solid #4ade80;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #86efac;
- color: #052e16;
- border-color: #86efac;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #bbf7d0;
- color: #052e16;
- border-color: #bbf7d0;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(74, 222, 128, 0.04);
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(74, 222, 128, 0.16);
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #4ade80;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(74, 222, 128, 0.04);
- border-color: transparent;
- color: #4ade80;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(74, 222, 128, 0.16);
- border-color: transparent;
- color: #4ade80;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #431407;
- background: #fb923c;
- border: 1px solid #fb923c;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #fdba74;
- color: #431407;
- border-color: #fdba74;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #fed7aa;
- color: #431407;
- border-color: #fed7aa;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(251, 146, 60, 0.04);
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(251, 146, 60, 0.16);
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #fb923c;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(251, 146, 60, 0.04);
- border-color: transparent;
- color: #fb923c;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(251, 146, 60, 0.16);
- border-color: transparent;
- color: #fb923c;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #3b0764;
- background: #c084fc;
- border: 1px solid #c084fc;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #d8b4fe;
- color: #3b0764;
- border-color: #d8b4fe;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #e9d5ff;
- color: #3b0764;
- border-color: #e9d5ff;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(192, 132, 252, 0.04);
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(192, 132, 252, 0.16);
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #c084fc;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(192, 132, 252, 0.04);
- border-color: transparent;
- color: #c084fc;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(192, 132, 252, 0.16);
- border-color: transparent;
- color: #c084fc;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #450a0a;
- background: #f87171;
- border: 1px solid #f87171;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #fca5a5;
- color: #450a0a;
- border-color: #fca5a5;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #fecaca;
- color: #450a0a;
- border-color: #fecaca;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(248, 113, 113, 0.04);
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(248, 113, 113, 0.16);
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #f87171;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(248, 113, 113, 0.04);
- border-color: transparent;
- color: #f87171;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(248, 113, 113, 0.16);
- border-color: transparent;
- color: #f87171;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #09090b;
- background: #ffffff;
- border: 1px solid #ffffff;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #f4f4f5;
- color: #09090b;
- border-color: #f4f4f5;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #e4e4e7;
- color: #09090b;
- border-color: #e4e4e7;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #ffffff;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: transparent;
- color: #ffffff;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- border-color: transparent;
- color: #ffffff;
- }
-
- .p-button.p-button-link {
- color: #2dd4bf;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #2dd4bf;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #2dd4bf;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-speeddial-action {
- width: 2.5rem;
- height: 2.5rem;
- background: #3f3f46;
- color: #a1a1aa;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-speeddial-action:hover {
- background: #3f3f46;
- color: #ffffff;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 6px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 6px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #3f3f46;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #3f3f46;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(45, 212, 191, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #a1a1aa;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(45, 212, 191, 0.16);
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: rgba(45, 212, 191, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(45, 212, 191, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: 0 none;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #18181b;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(45, 212, 191, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(45, 212, 191, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(45, 212, 191, 0.16);
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-datatable .p-column-resizer-helper {
- background: #2dd4bf;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #18181b;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #1f1f22;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: rgba(45, 212, 191, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #18181b;
- color: #ffffff;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(45, 212, 191, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-clear-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-overlay {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.25rem 0.25rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(45, 212, 191, 0.16);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #ffffff;
- background: #18181b;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-bottom: 1px solid #3f3f46;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-orderlist .p-orderlist-header {
- color: #ffffff;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #3f3f46;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(45, 212, 191, 0.16);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(45, 212, 191, 0.24);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #1f1f22;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: rgba(45, 212, 191, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(22, 107, 97, 0.16);
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #3f3f46;
- border-color: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #3f3f46;
- border-color: #3f3f46;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #18181b;
- color: #ffffff;
- border: solid #3f3f46;
- border-width: 0;
- padding: 0.5rem 1rem;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: #ffffff;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 50%;
- border-bottom-left-radius: 50%;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 50%;
- border-bottom-right-radius: 50%;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.5rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.5rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(45, 212, 191, 0.16);
- border-color: rgba(45, 212, 191, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: #ffffff;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-picklist .p-picklist-header {
- color: #ffffff;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #3f3f46;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #ffffff;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(45, 212, 191, 0.16);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(45, 212, 191, 0.24);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #1f1f22;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #3f3f46;
- border-radius: 50%;
- width: 1.125rem;
- height: 1.125rem;
- background-color: #020617;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #3f3f46;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-radius: 6px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0 0;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- padding: 0.25rem 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #a1a1aa;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #ffffff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(45, 212, 191, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: #a1a1aa;
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #ffffff;
- background: #18181b;
- }
- .p-treetable .p-sortable-column {
- outline-color: var(--p-focus-ring-color);
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #a1a1aa;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(45, 212, 191, 0.16);
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: rgba(45, 212, 191, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #18181b;
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #27272a;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(45, 212, 191, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #ffffff;
- }
- .p-treetable .p-column-resizer-helper {
- background: #2dd4bf;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #18181b;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #a1a1aa;
- background: #18181b;
- font-weight: 600;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #18181b;
- background: #18181b;
- color: #ffffff;
- }
- .p-accordion .p-accordion-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-card {
- background: #18181b;
- color: #ffffff;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-card .p-card-body {
- padding: 1.5rem;
- }
- .p-card .p-card-title {
- font-size: 1.25rem;
- font-weight: 600;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #a1a1aa;
- }
- .p-card .p-card-content {
- padding: 0 0 0 0;
- }
- .p-card .p-card-footer {
- padding: 0 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-radius: 6px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- background: #18181b;
- font-weight: 600;
- border-radius: 6px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1.125rem;
- color: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: #ffffff;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #18181b;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #3f3f46;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #3f3f46;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #3f3f46;
- padding: 1.125rem;
- background: #18181b;
- color: #ffffff;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.75rem 1.125rem;
- }
- .p-panel .p-panel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panel .p-panel-footer {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- background: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #3f3f46;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #3f3f46;
- background: #18181b;
- border-radius: 6px;
- color: #ffffff;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- background: #3f3f46;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #3f3f46;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #3f3f46;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #18181b;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #a1a1aa;
- border: 1px solid #3f3f46;
- border-width: 2px;
- background: #18181b;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #ffffff;
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: rgba(45, 212, 191, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #ffffff;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #2dd4bf;
- }
- .p-stepper .p-stepper-panels {
- background: #18181b;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- color: #ffffff;
- }
- .p-stepper .p-stepper-separator {
- background-color: #3f3f46;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #18181b;
- color: #ffffff;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #2dd4bf;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-width: 0 0 1px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #3f3f46;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #3f3f46 transparent;
- background: #18181b;
- color: #a1a1aa;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #2dd4bf;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #18181b;
- color: #2dd4bf;
- width: 2.5rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-panels {
- background: #18181b;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #18181b;
- border: 1px solid #3f3f46;
- padding: 1.125rem;
- border-radius: 6px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(24, 24, 27, 0);
- border-bottom-color: #18181b;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(63, 63, 70, 0);
- border-bottom-color: #3c3c43;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #18181b;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #3f3f46;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- border: 1px solid #3f3f46;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 1.5rem;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #18181b;
- color: #ffffff;
- padding: 0 1.5rem 1.5rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #2dd4bf;
- color: #020617;
- width: 1.75rem;
- height: 1.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -0.875rem;
- right: -0.875rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #5eead4;
- color: #020617;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(24, 24, 27, 0);
- border-bottom-color: #18181b;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(63, 63, 70, 0);
- border-bottom-color: #3c3c43;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #18181b;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #3f3f46;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1.125rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #3f3f46;
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #3f3f46;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #3f3f46;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #18181b;
- padding: 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fileupload .p-fileupload-content {
- background: #18181b;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #3f3f46;
- color: #ffffff;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #2dd4bf;
- background-color: rgba(45, 212, 191, 0.16);
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #5eead4;
- color: #020617;
- border-color: #5eead4;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #99f6e4;
- color: #020617;
- border-color: #99f6e4;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #18181b;
- border: 0 none;
- border-radius: 6px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #71717a;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #ffffff;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #71717a;
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-contextmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(45, 212, 191, 0.16);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(45, 212, 191, 0.24);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 6px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-dock .p-dock-link {
- width: 3rem;
- height: 3rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem 0.5rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 2px 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(45, 212, 191, 0.16);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(45, 212, 191, 0.24);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-megamenu-panel {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0.25rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #71717a;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 2px 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(45, 212, 191, 0.16);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(45, 212, 191, 0.24);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu.p-menu-overlay {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #71717a;
- background: #18181b;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem 0.5rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem {
- margin: 2px 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(45, 212, 191, 0.16);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(45, 212, 191, 0.24);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- border-radius: 6px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #71717a;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.5rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 0 none;
- color: #a1a1aa;
- background: #18181b;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #a1a1aa;
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #18181b;
- border-color: #18181b;
- color: #ffffff;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #18181b;
- background: #18181b;
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0.25rem;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(45, 212, 191, 0.16);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(45, 212, 191, 0.24);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #18181b;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #a1a1aa;
- border: 1px solid #3f3f46;
- background: #18181b;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #ffffff;
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: rgba(45, 212, 191, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 500;
- color: #ffffff;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #3f3f46;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: #18181b;
- border: 1px solid #3f3f46;
- border-width: 0 0 1px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #3f3f46;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #3f3f46 transparent;
- background: #18181b;
- color: #a1a1aa;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #ffffff;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #18181b;
- border-color: #3f3f46;
- color: #2dd4bf;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #18181b;
- border: 1px solid #3f3f46;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #71717a;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #71717a;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(45, 212, 191, 0.16);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(45, 212, 191, 0.24);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #ffffff;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #3f3f46;
- margin: 2px 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.75rem;
- margin: 0;
- border-radius: 6px;
- }
- .p-inline-message.p-inline-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #3b82f6;
- }
- .p-inline-message.p-inline-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #22c55e;
- }
- .p-inline-message.p-inline-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #eab308;
- }
- .p-inline-message.p-inline-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #ef4444;
- }
- .p-inline-message.p-inline-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-inline-message.p-inline-message-secondary .p-inline-message-icon {
- color: #d4d4d8;
- }
- .p-inline-message.p-inline-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-inline-message.p-inline-message-contrast .p-inline-message-icon {
- color: #09090b;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 6px;
- }
- .p-message .p-message-wrapper {
- padding: 0.5rem 0.75rem;
- }
- .p-message .p-message-close {
- width: 1.75rem;
- height: 1.75rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-message.p-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-message.p-message-info .p-message-icon {
- color: #3b82f6;
- }
- .p-message.p-message-info .p-message-close {
- color: #3b82f6;
- }
- .p-message.p-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-message.p-message-success .p-message-icon {
- color: #22c55e;
- }
- .p-message.p-message-success .p-message-close {
- color: #22c55e;
- }
- .p-message.p-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #eab308;
- }
- .p-message.p-message-warn .p-message-close {
- color: #eab308;
- }
- .p-message.p-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-message.p-message-error .p-message-icon {
- color: #ef4444;
- }
- .p-message.p-message-error .p-message-close {
- color: #ef4444;
- }
- .p-message.p-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-icon {
- color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-close {
- color: #d4d4d8;
- }
- .p-message.p-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-message.p-message-contrast .p-message-icon {
- color: #09090b;
- }
- .p-message.p-message-contrast .p-message-close {
- color: #09090b;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1rem;
- height: 1rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 0.75rem;
- border-width: 1px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 1.125rem;
- height: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 500;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.125rem;
- height: 1.125rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: rgba(59, 130, 246, 0.16);
- border: solid rgba(29, 78, 216, 0.36);
- border-width: 1px;
- color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: rgba(34, 197, 94, 0.16);
- border: solid rgba(21, 128, 61, 0.36);
- border-width: 1px;
- color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: rgba(234, 179, 8, 0.16);
- border: solid rgba(161, 98, 7, 0.36);
- border-width: 1px;
- color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: rgba(239, 68, 68, 0.16);
- border: solid rgba(185, 28, 28, 0.36);
- border-width: 1px;
- color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- background: #27272a;
- border: solid #3f3f46;
- border-width: 1px;
- color: #d4d4d8;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- color: #d4d4d8;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- background: #ffffff;
- border: solid #f4f4f5;
- border-width: 1px;
- color: #09090b;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- color: #09090b;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #a1a1aa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #a1a1aa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #ffffff;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #3f3f46;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #3f3f46;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(45, 212, 191, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(45, 212, 191, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #a1a1aa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #a1a1aa;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #ffffff;
- background-color: rgba(255, 255, 255, 0.03);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #3f3f46;
- border-radius: 6px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #18181b;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #2dd4bf;
- color: #020617;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-badge.p-badge-success {
- background-color: #4ade80;
- color: #052e16;
- }
- .p-badge.p-badge-info {
- background-color: #38bdf8;
- color: #082f49;
- }
- .p-badge.p-badge-warning {
- background-color: #fb923c;
- color: #431407;
- }
- .p-badge.p-badge-danger {
- background-color: #f87171;
- color: #450a0a;
- }
- .p-badge.p-badge-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-badge.p-badge-contrast {
- background-color: #ffffff;
- color: #09090b;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 6px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #3f3f46;
- color: #ffffff;
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #2dd4bf;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #2dd4bf;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.25rem;
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #2dd4bf;
- }
- .p-progressbar .p-progressbar-label {
- color: #020617;
- line-height: 1.25rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #ef4444;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #ef4444;
- }
- 40% {
- stroke: #3b82f6;
- }
- 66% {
- stroke: #22c55e;
- }
- 80%, 90% {
- stroke: #eab308;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-scrolltop.p-link {
- background: #3f3f46;
- }
- .p-scrolltop.p-link:hover {
- background: #3f3f46;
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #ffffff;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 6px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #2dd4bf;
- color: #020617;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
- }
- .p-tag.p-tag-success {
- background-color: #4ade80;
- color: #052e16;
- }
- .p-tag.p-tag-info {
- background-color: #38bdf8;
- color: #082f49;
- }
- .p-tag.p-tag-warning {
- background-color: #fb923c;
- color: #431407;
- }
- .p-tag.p-tag-danger {
- background-color: #f87171;
- color: #450a0a;
- }
- .p-tag.p-tag-secondary {
- background-color: #27272a;
- color: #d4d4d8;
- }
- .p-tag.p-tag-contrast {
- background-color: #ffffff;
- color: #09090b;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primevue {
- .p-accordion .p-accordion-header .p-accordion-header-link {
- border-radius: 6px !important;
- flex-direction: row-reverse;
- justify-content: space-between;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link:hover {
- border-bottom-color: #18181b;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- transform: rotate(90deg);
- }
- .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon {
- transform: rotate(-180deg);
- }
- .p-accordion .p-accordion-tab {
- border-bottom: 1px solid #27272a;
- }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom: 0 none;
- }
-
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.375rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete.p-disabled {
- opacity: 1;
- }
-
- .p-button-label {
- font-weight: 500;
- }
-
- .p-button.p-button-success:enabled:focus-visible {
- outline-color: #4ade80;
- }
- .p-button.p-button-info:enabled:focus-visible {
- outline-color: #38bdf8;
- }
- .p-button.p-button-warning:enabled:focus-visible {
- outline-color: #fb923c;
- }
- .p-button.p-button-help:enabled:focus-visible {
- outline-color: #c084fc;
- }
- .p-button.p-button-danger:enabled:focus-visible {
- outline-color: #f87171;
- }
- .p-button.p-button-contrast:enabled:focus-visible {
- outline-color: #ffffff;
- }
- .p-button.p-button-outlined {
- border-color: rgba(45, 212, 191, 0.44);
- }
- .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active {
- border-color: rgba(45, 212, 191, 0.44);
- }
- .p-button.p-button-outlined.p-button-secondary {
- border-color: rgba(82, 82, 91, 0.48);
- color: #a1a1aa;
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover {
- color: #a1a1aa;
- background-color: rgba(255, 255, 255, 0.04);
- border-color: rgba(82, 82, 91, 0.48);
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):active {
- color: #a1a1aa;
- background-color: rgba(255, 255, 255, 0.16);
- border-color: rgba(82, 82, 91, 0.48);
- }
- .p-button.p-button-outlined.p-button-success {
- border-color: rgba(21, 128, 61, 0.44);
- }
- .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active {
- border-color: rgba(21, 128, 61, 0.44);
- }
- .p-button.p-button-outlined.p-button-info {
- border-color: rgba(29, 78, 216, 0.44);
- }
- .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active {
- border-color: rgba(29, 78, 216, 0.44);
- }
- .p-button.p-button-outlined.p-button-warning {
- border-color: rgba(161, 98, 7, 0.44);
- }
- .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active {
- border-color: rgba(161, 98, 7, 0.44);
- }
- .p-button.p-button-outlined.p-button-help {
- border-color: rgba(109, 40, 217, 0.44);
- }
- .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active {
- border-color: rgba(109, 40, 217, 0.44);
- }
- .p-button.p-button-outlined.p-button-danger {
- border-color: rgba(185, 28, 28, 0.44);
- }
- .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active {
- border-color: rgba(185, 28, 28, 0.44);
- }
- .p-button.p-button-outlined.p-button-contrast {
- border-color: rgba(255, 255, 255, 0.44);
- }
- .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active {
- border-color: rgba(255, 255, 255, 0.44);
- }
- .p-button.p-button-secondary.p-button-text {
- color: #a1a1aa;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover {
- background-color: rgba(255, 255, 255, 0.04);
- color: #a1a1aa;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active {
- background-color: rgba(255, 255, 255, 0.16);
- color: #a1a1aa;
- }
-
- .p-datepicker-buttonbar .p-button {
- padding: 0.25rem 0.75rem;
- font-size: 0.875rem;
- }
-
- .p-datepicker .p-datepicker-group-container + .p-timepicker {
- margin-top: 0.5rem;
- padding-top: 0.5rem;
- }
- .p-datepicker table th {
- font-weight: 500;
- }
-
- .p-card {
- border-radius: 12px;
- display: flex;
- flex-direction: column;
- }
- .p-card .p-card-caption {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-card .p-card-caption .p-card-title,
-.p-card .p-card-caption .p-card-subtitle {
- margin-bottom: 0;
- }
- .p-card .p-card-body {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #2dd4bf;
- }
-
- .p-cascadeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-cascadeselect .p-cascadeselect-label {
- box-shadow: none;
- }
- .p-cascadeselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-cascadeselect.p-disabled .p-cascadeselect-label {
- background-color: #3f3f46;
- color: #a1a1aa;
- }
-
- div.p-cascadeselect-panel {
- border: 0 none;
- box-shadow: none;
- }
-
- .p-checkbox .p-checkbox-box {
- border-radius: 4px;
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
- border-color: #2dd4bf;
- }
- .p-checkbox.p-disabled {
- opacity: 1;
- }
- .p-checkbox.p-disabled .p-checkbox-box {
- background-color: #3f3f46;
- border: 1px solid #3f3f46;
- }
- .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {
- color: #a1a1aa;
- }
-
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.375rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips.p-disabled .p-chips-multiple-container {
- opacity: 1;
- background-color: #3f3f46;
- }
-
- .p-chip {
- border-radius: 16px;
- padding: 0.25rem 0.75rem;
- }
- .p-chip .p-chip-text {
- margin-top: 0;
- margin-bottom: 0;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.375rem;
- }
- .p-chip:has(.p-chip-remove-icon) {
- padding-right: 0.5rem;
- }
- .p-chip img {
- margin-left: -0.5rem;
- }
-
- .p-colorpicker-preview {
- padding: 0;
- }
- .p-colorpicker-preview:enabled:focus {
- outline-offset: 2px;
- }
- .p-colorpicker-preview.p-inputtext.p-disabled {
- opacity: 0.6;
- }
-
- .p-confirm-popup {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #2dd4bf;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #2dd4bf;
- }
- .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: rgba(39, 192, 173, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight > td {
- border-bottom-color: rgba(39, 192, 173, 0.16);
- }
-
- .p-dataview-layout-options.p-selectbutton .p-button svg {
- position: relative;
- }
-
- .p-dialog {
- border-radius: 12px;
- background-color: #18181b;
- }
- .p-dialog.p-dialog-maximized {
- border-radius: 0;
- }
- .p-dialog .p-dialog-header {
- border-top-right-radius: 12px;
- border-top-left-radius: 12px;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
- .p-dialog .p-dialog-footer {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
-
- .p-dropdown {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-dropdown .p-dropdown-label {
- box-shadow: none;
- }
- .p-dropdown.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-dropdown.p-disabled .p-dropdown-label {
- color: #a1a1aa;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- margin-left: -0.375rem;
- margin-right: 0.375rem;
- }
-
- .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: rgba(39, 192, 173, 0.16);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td {
- border-bottom-color: rgba(39, 192, 173, 0.16);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover {
- background-color: rgba(45, 212, 191, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-fieldset {
- padding: 0 1.125rem 1.125rem 1.125rem;
- margin: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text {
- padding: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- color: #a1a1aa;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background-color: rgba(255, 255, 255, 0.03);
- }
- .p-fieldset .p-fieldset-legend {
- border: 0 none;
- padding: 0;
- margin-bottom: 0.375rem;
- }
- .p-fieldset .p-fieldset-legend span {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0;
- }
-
- .p-column-filter-overlay-menu {
- padding: 0.75rem;
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraints {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 0 0 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button {
- margin-bottom: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0;
- }
-
- .p-fileupload .p-fileupload-content {
- border-top: 0 none;
- padding-top: 1.125rem;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #2dd4bf;
- }
-
- .p-inline-message-text {
- font-weight: 500;
- }
-
- .p-inline-message {
- backdrop-filter: blur(10px);
- }
-
- .p-inline-message.p-inline-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
-
- .p-inline-message.p-inline-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
-
- .p-inline-message.p-inline-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
-
- .p-inline-message.p-inline-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
-
- .p-inline-message.p-inline-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
-
- .p-inline-message.p-inline-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
-
- .p-inputgroup-addon {
- padding: 0.5rem;
- }
-
- .p-inputnumber.p-inputnumber-buttons-stacked {
- position: relative;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- position: absolute;
- top: 1px;
- right: 1px;
- height: calc(100% - 2px);
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: transparent;
- border: 0 none;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #3f3f46;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up {
- border-left: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down {
- border-right: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #3f3f46;
- color: #a1a1aa;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover {
- background-color: rgba(255, 255, 255, 0.03);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active {
- background-color: rgba(255, 255, 255, 0.08);
- color: #ffffff;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up {
- border-bottom: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down {
- border-top: 0 none;
- }
-
- .p-inputswitch .p-inputswitch-slider {
- border: 0 none;
- }
- .p-inputswitch.p-highlight p-inputswitch-slider:before {
- left: 1.25rem;
- transform: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- background: #fca5a5;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
- background: #18181b;
- }
-
- .p-inputtext {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
-
- .p-inputtext:disabled {
- opacity: 1;
- background-color: #3f3f46;
- color: #a1a1aa;
- }
-
- .p-knob svg {
- border-radius: 6px;
- outline-color: transparent;
- transition: outline-color 0.2s;
- }
- .p-knob svg:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-listbox {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-listbox.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-listbox.p-disabled .p-listbox-list .p-listbox-item {
- color: #a1a1aa;
- }
-
- .p-message {
- backdrop-filter: blur(10px);
- }
-
- .p-message.p-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-message.p-message-info .p-message-close:focus-visible {
- outline-color: #3b82f6;
- }
- .p-message.p-message-info .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-message.p-message-success .p-message-close:focus-visible {
- outline-color: #22c55e;
- }
- .p-message.p-message-success .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-message.p-message-warn .p-message-close:focus-visible {
- outline-color: #eab308;
- }
- .p-message.p-message-warn .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-message.p-message-error .p-message-close:focus-visible {
- outline-color: #ef4444;
- }
- .p-message.p-message-error .p-message-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
-
- .p-message.p-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-message.p-message-secondary .p-message-close:focus-visible {
- outline-color: #d4d4d8;
- }
- .p-message.p-message-secondary .p-message-close:hover {
- background: #3f3f46;
- }
-
- .p-message.p-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-message.p-message-contrast .p-message-close:focus-visible {
- outline-color: #09090b;
- }
- .p-message.p-message-contrast .p-message-close:hover {
- background: #f4f4f5;
- }
-
- .p-multiselect-panel .p-multiselect-header {
- padding-left: 1rem;
- padding-right: 1rem;
- }
-
- .p-multiselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-multiselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-multiselect.p-disabled .p-multiselect-label {
- color: #a1a1aa;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- border-radius: 4px;
- margin-right: 0.25rem;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.375rem;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header {
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action {
- background: rgba(255, 255, 255, 0.08);
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- font-weight: 600;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #71717a;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- /*line-height: 1.5;*/
- }
- .p-panelmenu .p-panelmenu-content {
- border-radius: 6px;
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-panel {
- padding: 0.25rem 0.25rem;
- overflow: hidden;
- margin-bottom: 0.75rem;
- border: 1px solid #3f3f46;
- border-radius: 6px;
- }
-
- .p-password-panel {
- background-color: #18181b;
- border: 1px solid #3f3f46;
- padding: 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.75rem;
- background: #3f3f46;
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength {
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f87171;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #fbbf24;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #4ade80;
- }
-
- .p-orderlist-controls .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-orderlist-controls .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-orderlist-controls .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-orderlist-controls .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
-
- .p-orderlist .p-orderlist-header {
- background: #18181b;
- color: #ffffff;
- border: 0 none;
- border-bottom: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #a1a1aa;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list {
- border: 1px solid #3f3f46;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- border-radius: 6px;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-organizationchart .p-organizationchart-node-content {
- padding: 0.75rem 1rem;
- border-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid #3f3f46;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: static;
- }
- .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) {
- padding: 0.75rem 1rem 1.25rem 1rem;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
- border-right: 0 none;
- }
- .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) {
- border-top-right-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) {
- border-left: 1px solid #3f3f46;
- border-top-left-radius: 6px;
- }
-
- .p-overlaypanel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.75rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- width: 1.75rem;
- height: 1.75rem;
- color: #a1a1aa;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- position: absolute;
- top: 0.25rem;
- right: 0.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- color: #ffffff;
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-overlaypanel .p-overlaypanel-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-panel {
- border: 1px solid #3f3f46;
- border-radius: 6px;
- background-color: #18181b;
- }
- .p-panel .p-panel-header,
-.p-panel .p-panel-content,
-.p-panel .p-panel-footer {
- background: transparent;
- border: 0 none;
- }
- .p-panel:has(.p-panel-footer) .p-panel-content {
- padding-bottom: 0.875rem;
- }
-
- .p-picklist-buttons .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #d4d4d8;
- background: #27272a;
- border: 1px solid #27272a;
- }
- .p-picklist-buttons .p-button:not(:disabled):hover {
- background: #3f3f46;
- color: #d4d4d8;
- border-color: #3f3f46;
- }
- .p-picklist-buttons .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-picklist-buttons .p-button:not(:disabled):active {
- background: #52525b;
- color: #d4d4d8;
- border-color: #52525b;
- }
-
- .p-picklist .p-picklist-header {
- background: #18181b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- border: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #a1a1aa;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-picklist .p-picklist-list {
- border: 1px solid #3f3f46;
- border: 0 none;
- background: #18181b;
- color: #ffffff;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- border-radius: 6px;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-progressbar-label {
- font-size: 0.75rem;
- font-weight: 600;
- }
-
- .p-radiobutton .p-radiobutton-box {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box {
- border-color: #2dd4bf;
- }
- .p-radiobutton.p-disabled {
- opacity: 1;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box {
- border: 1px solid #3f3f46;
- background-color: #3f3f46;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon {
- background-color: #a1a1aa;
- }
-
- .p-rating {
- gap: 0.25rem;
- }
-
- .p-selectbutton .p-button .pi,
-.p-selectbutton .p-button .p-button-label {
- position: relative;
- transition: none;
- }
- .p-selectbutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-selectbutton .p-button.p-highlight::before {
- background: #27272a;
- border-color: #27272a;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-selectbutton .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #52525b;
- }
- .p-selectbutton .p-button.p-disabled {
- opacity: 1;
- color: #71717a;
- }
- .p-selectbutton.p-invalid {
- box-shadow: 0 0 0 1px #fca5a5;
- border-radius: 6px;
- }
- .p-selectbutton.p-invalid > .p-button {
- border: 1px solid #09090b;
- }
- .p-selectbutton.p-disabled {
- opacity: 1;
- }
- .p-selectbutton.p-disabled .p-button {
- color: #71717a;
- }
-
- .p-slider .p-slider-handle {
- display: flex !important;
- justify-content: center;
- align-items: center;
- }
- .p-slider .p-slider-handle::before {
- content: "";
- width: 16px;
- height: 16px;
- display: block;
- background-color: #09090b;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- box-shadow: 0 0 0 2px #09090b, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline-color: #96eadf;
- }
-
- .p-speeddial-button.p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-splitter-gutter-handle {
- border-radius: 6px;
- }
-
- .p-stepper .p-stepper-header .p-stepper-number {
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #18181b;
- color: #2dd4bf;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #2dd4bf;
- }
-
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- border-width: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-steps-number {
- position: relative;
- font-weight: 500;
- }
- .p-steps .p-steps-item .p-steps-number::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #18181b;
- color: #2dd4bf;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- color: #2dd4bf;
- }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1;
- }
- .p-steps .p-steps-item:before {
- border-top-width: 2px;
- margin-top: calc(-1rem + 1px);
- }
- .p-steps .p-steps-item:first-child::before {
- width: calc(50% + 1rem);
- transform: translateX(100%);
- }
- .p-steps .p-steps-item:last-child::before {
- width: 50%;
- }
-
- .p-tabmenu .p-tabmenu-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: -1px;
- height: 1px;
- background-color: #2dd4bf;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabmenu .p-tabmenu-nav {
- position: relative;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-tabview .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 1px;
- background-color: #2dd4bf;
- transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabview .p-tabview-nav {
- position: relative;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- color: #a1a1aa;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- box-shadow: 0px 0px 10px 50px rgba(24, 24, 27, 0.5);
- }
- .p-tabview .p-tabview-nav-btn.p-link:hover {
- color: #ffffff;
- }
-
- .p-tag {
- background: color-mix(in srgb, var(--primary-500), transparent 80%);
- color: var(--primary-300);
- }
- .p-tag.p-tag-success {
- background: rgba(34, 197, 94, 0.16);
- color: #22c55e;
- }
- .p-tag.p-tag-info {
- background: rgba(59, 130, 246, 0.16);
- color: #3b82f6;
- }
- .p-tag.p-tag-warning {
- background: rgba(234, 179, 8, 0.16);
- color: #eab308;
- }
- .p-tag.p-tag-danger {
- background: rgba(239, 68, 68, 0.16);
- color: #ef4444;
- }
-
- .p-terminal {
- background: #09090b;
- color: #ffffff;
- border: 1px solid #3f3f46;
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- }
- .p-terminal .p-terminal-prompt {
- margin-right: 0.25rem;
- }
- .p-terminal .p-terminal-response {
- margin: 2px 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- position: relative;
- }
- .p-timeline .p-timeline-event-marker::before {
- content: " ";
- border-radius: 50%;
- width: 0.375rem;
- height: 0.375rem;
- background-color: #2dd4bf;
- }
- .p-timeline .p-timeline-event-marker::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-toast .p-toast-message {
- backdrop-filter: blur(10px);
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- font-size: 0.875rem;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.75rem;
- height: 1.75rem;
- margin-top: -25%;
- right: -25%;
- position: relative;
- }
-
- .p-toast .p-toast-message.p-toast-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- outline-color: #3b82f6;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- outline-color: #22c55e;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- outline-color: #eab308;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.075);
- }
- .p-toast .p-toast-message.p-toast-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-detail {
- color: #ffffff;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.05);
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover {
- background: #3f3f46;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- outline-color: #ef4444;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover {
- background: #f4f4f5;
- }
-
- .p-togglebutton .p-button .p-button-label,
-.p-togglebutton .p-button .p-button-icon {
- position: relative;
- transition: none;
- }
- .p-togglebutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-togglebutton.p-highlight .p-button::before {
- background: #27272a;
- border-color: #27272a;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-togglebutton.p-disabled {
- opacity: 1;
- }
- .p-togglebutton.p-disabled .p-button {
- color: #71717a;
- }
- .p-togglebutton.p-disabled .p-button .p-button-icon {
- color: #71717a;
- }
-
- .p-toolbar {
- padding: 0.75rem;
- }
-
- .p-tree {
- border: 0 none;
- padding: 1rem;
- }
- .p-tree .p-tree-container .p-treenode {
- margin: 2px 0;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline-offset: -2px;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover {
- background-color: rgba(45, 212, 191, 0.16);
- }
- .p-tree .p-tree-container > .p-treenode:first-child {
- margin-top: 0;
- }
- .p-tree .p-tree-container > .p-treenode:last-child {
- margin-bottom: 0;
- }
-
- .p-treeselect-panel .p-tree {
- padding: 0.25rem 0.25rem;
- }
-
- .p-treeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-treeselect.p-disabled {
- opacity: 1;
- background-color: #3f3f46;
- }
- .p-treeselect.p-disabled .p-treeselect-label {
- color: #a1a1aa;
- }
-}
diff --git a/public/themes/aura-light-amber/fonts/Inter-italic.var.woff2 b/public/themes/aura-light-amber/fonts/Inter-italic.var.woff2
deleted file mode 100644
index b826d5a..0000000
Binary files a/public/themes/aura-light-amber/fonts/Inter-italic.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-light-amber/fonts/Inter-roman.var.woff2 b/public/themes/aura-light-amber/fonts/Inter-roman.var.woff2
deleted file mode 100644
index 6a256a0..0000000
Binary files a/public/themes/aura-light-amber/fonts/Inter-roman.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-light-amber/theme.css b/public/themes/aura-light-amber/theme.css
deleted file mode 100644
index ffc1c26..0000000
--- a/public/themes/aura-light-amber/theme.css
+++ /dev/null
@@ -1,12111 +0,0 @@
-:root {
- font-family: "Inter var", sans-serif;
- font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- font-variation-settings: normal;
- --font-family: "Inter var", sans-serif;
- --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- --text-color: #334155;
- --text-color-secondary: #64748b;
- --primary-color: #f59e0b;
- --primary-color-text: #ffffff;
- --surface-0: #ffffff;
- --surface-50: #f8fafc;
- --surface-100: #f1f5f9;
- --surface-200: #e2e8f0;
- --surface-300: #cbd5e1;
- --surface-400: #94a3b8;
- --surface-500: #64748b;
- --surface-600: #475569;
- --surface-700: #334155;
- --surface-800: #1e293b;
- --surface-900: #0f172a;
- --surface-950: #020617;
- --gray-0: #ffffff;
- --gray-50: #f8fafc;
- --gray-100: #f1f5f9;
- --gray-200: #e2e8f0;
- --gray-300: #cbd5e1;
- --gray-400: #94a3b8;
- --gray-500: #64748b;
- --gray-600: #475569;
- --gray-700: #334155;
- --gray-800: #1e293b;
- --gray-900: #0f172a;
- --gray-950: #020617;
- --content-padding: 1.125rem;
- --inline-spacing: 0.5rem;
- --border-radius: 6px;
- --surface-ground: #f8fafc;
- --surface-section: #ffffff;
- --surface-card: #ffffff;
- --surface-overlay: #ffffff;
- --surface-border: #e2e8f0;
- --surface-hover: #f1f5f9;
- --focus-ring: none;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #fffbeb;
- --highlight-text-color: #b45309;
- --p-anchor-gutter: 2px;
- color-scheme: light;
-}
-
-:root {
- --p-focus-ring-color: var(--primary-color);
-}
-
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: normal;
- font-named-instance: "Regular";
- src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
-}
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: italic;
- font-named-instance: "Italic";
- src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
-}
-:root {
- --blue-50:#f5f9ff;
- --blue-100:#d0e1fd;
- --blue-200:#abc9fb;
- --blue-300:#85b2f9;
- --blue-400:#609af8;
- --blue-500:#3b82f6;
- --blue-600:#326fd1;
- --blue-700:#295bac;
- --blue-800:#204887;
- --blue-900:#183462;
- --green-50:#f4fcf7;
- --green-100:#caf1d8;
- --green-200:#a0e6ba;
- --green-300:#76db9b;
- --green-400:#4cd07d;
- --green-500:#22c55e;
- --green-600:#1da750;
- --green-700:#188a42;
- --green-800:#136c34;
- --green-900:#0e4f26;
- --yellow-50:#fefbf3;
- --yellow-100:#faedc4;
- --yellow-200:#f6de95;
- --yellow-300:#f2d066;
- --yellow-400:#eec137;
- --yellow-500:#eab308;
- --yellow-600:#c79807;
- --yellow-700:#a47d06;
- --yellow-800:#816204;
- --yellow-900:#5e4803;
- --cyan-50:#f3fbfd;
- --cyan-100:#c3edf5;
- --cyan-200:#94e0ed;
- --cyan-300:#65d2e4;
- --cyan-400:#35c4dc;
- --cyan-500:#06b6d4;
- --cyan-600:#059bb4;
- --cyan-700:#047f94;
- --cyan-800:#036475;
- --cyan-900:#024955;
- --pink-50:#fef6fa;
- --pink-100:#fad3e7;
- --pink-200:#f7b0d3;
- --pink-300:#f38ec0;
- --pink-400:#f06bac;
- --pink-500:#ec4899;
- --pink-600:#c93d82;
- --pink-700:#a5326b;
- --pink-800:#822854;
- --pink-900:#5e1d3d;
- --indigo-50:#f7f7fe;
- --indigo-100:#dadafc;
- --indigo-200:#bcbdf9;
- --indigo-300:#9ea0f6;
- --indigo-400:#8183f4;
- --indigo-500:#6366f1;
- --indigo-600:#5457cd;
- --indigo-700:#4547a9;
- --indigo-800:#363885;
- --indigo-900:#282960;
- --teal-50:#f3fbfb;
- --teal-100:#c7eeea;
- --teal-200:#9ae0d9;
- --teal-300:#6dd3c8;
- --teal-400:#41c5b7;
- --teal-500:#14b8a6;
- --teal-600:#119c8d;
- --teal-700:#0e8174;
- --teal-800:#0b655b;
- --teal-900:#084a42;
- --orange-50:#fff8f3;
- --orange-100:#feddc7;
- --orange-200:#fcc39b;
- --orange-300:#fba86f;
- --orange-400:#fa8e42;
- --orange-500:#f97316;
- --orange-600:#d46213;
- --orange-700:#ae510f;
- --orange-800:#893f0c;
- --orange-900:#642e09;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dadee3;
- --bluegray-200:#bcc3cd;
- --bluegray-300:#9fa9b7;
- --bluegray-400:#818ea1;
- --bluegray-500:#64748b;
- --bluegray-600:#556376;
- --bluegray-700:#465161;
- --bluegray-800:#37404c;
- --bluegray-900:#282e38;
- --purple-50:#fbf7ff;
- --purple-100:#ead6fd;
- --purple-200:#dab6fc;
- --purple-300:#c996fa;
- --purple-400:#b975f9;
- --purple-500:#a855f7;
- --purple-600:#8f48d2;
- --purple-700:#763cad;
- --purple-800:#5c2f88;
- --purple-900:#432263;
- --red-50:#fff5f5;
- --red-100:#ffd0ce;
- --red-200:#ffaca7;
- --red-300:#ff8780;
- --red-400:#ff6259;
- --red-500:#ff3d32;
- --red-600:#d9342b;
- --red-700:#b32b23;
- --red-800:#8c221c;
- --red-900:#661814;
- --primary-50:#fffaf3;
- --primary-100:#fde8c4;
- --primary-200:#fbd596;
- --primary-300:#f9c368;
- --primary-400:#f7b039;
- --primary-500:#f59e0b;
- --primary-600:#d08609;
- --primary-700:#ac6f08;
- --primary-800:#875706;
- --primary-900:#623f04;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #ffffff;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #e2e8f0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- padding: 0.25rem 0.25rem;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #1e293b;
- background: #f1f5f9;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 0.75rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #e2e8f0;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #f59e0b;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #f59e0b;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #f59e0b;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #f59e0b;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.6;
- }
-
- .p-error {
- color: #f87171;
- }
-
- .p-text-secondary {
- color: #64748b;
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.25rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #94a3b8;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #e2e8f0;
- color: #0f172a;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-autocomplete-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.25rem 0.25rem;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #b45309;
- background: #fffbeb;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(245, 158, 11, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
-
- .p-datepicker {
- padding: 0.75rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0 0 0.5rem 0;
- color: #334155;
- background: #ffffff;
- font-weight: 500;
- margin: 0 0 0 0;
- border-bottom: 1px solid #e2e8f0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 1.75rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-weight: 500;
- padding: 0.25rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #f59e0b;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker table th {
- padding: 0.25rem;
- }
- .p-datepicker table th > span {
- width: 2rem;
- height: 2rem;
- }
- .p-datepicker table td {
- padding: 0.25rem;
- }
- .p-datepicker table td > span {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: #b45309;
- background: #fffbeb;
- }
- .p-datepicker table td > span:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #e2e8f0;
- color: #0f172a;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #b45309;
- background: #fffbeb;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.5rem 0 0 0;
- border-top: 1px solid #e2e8f0;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #e2e8f0;
- padding: 0;
- }
- .p-datepicker .p-timepicker button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #b45309;
- background: #fffbeb;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #b45309;
- background: #fffbeb;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #e2e8f0;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0.25rem;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #f8fafc;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #f8fafc;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #64748b;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-cascadeselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #b45309;
- background: #fffbeb;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(245, 158, 11, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #cbd5e1;
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- color: #334155;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 0.875rem;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #f59e0b;
- background: #f59e0b;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #94a3b8;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #d97706;
- background: #d97706;
- color: #ffffff;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #f87171;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #f59e0b;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #d97706;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #f59e0b;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #d97706;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #94a3b8;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #e2e8f0;
- color: #0f172a;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-colorpicker-panel {
- background: #323232;
- border: 1px solid #191919;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff;
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-dropdown.p-variant-filled {
- background: #f8fafc;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #64748b;
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #94a3b8;
- right: 2.5rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-dropdown-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.25rem 0.25rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #b45309;
- background: #fffbeb;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(245, 158, 11, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #ffffff;
- color: #64748b;
- border-top: 1px solid #cbd5e1;
- border-left: 1px solid #cbd5e1;
- border-bottom: 1px solid #cbd5e1;
- padding: 0.5rem 0.75rem;
- min-width: 2.5rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #cbd5e1;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.5rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: #94a3b8;
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: #94a3b8;
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #f8fafc;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #f8fafc;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 2.5rem;
- height: 1.5rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1rem;
- height: 1rem;
- left: 0.25rem;
- margin-top: -0.5rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #f59e0b;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #ffffff;
- transform: translateX(1rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #94a3b8;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #d97706;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #f87171;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- background: #ffffff;
- padding: 0.5rem 0.75rem;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- appearance: none;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #94a3b8;
- }
- .p-inputtext:enabled:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #f87171;
- }
- .p-inputtext.p-variant-filled {
- background-color: #f8fafc;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #f8fafc;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: #64748b;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #f87171;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: #64748b;
- }
-
- :-moz-placeholder {
- color: #64748b;
- }
-
- ::-moz-placeholder {
- color: #64748b;
- }
-
- :-ms-input-placeholder {
- color: #64748b;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #f8fafc;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #f8fafc;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-listbox .p-listbox-list {
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #b45309;
- background: #fffbeb;
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(245, 158, 11, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-listbox.p-invalid {
- border-color: #f87171;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-multiselect.p-variant-filled {
- background: #f8fafc;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #64748b;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #b45309;
- background: #fffbeb;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(245, 158, 11, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-password-panel {
- padding: 0 1.125rem 1.125rem 1.125rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #e2e8f0;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #ef4444;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #f59e0b;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #22c55e;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #cbd5e1;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #cbd5e1;
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- color: #334155;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 0.75rem;
- height: 0.75rem;
- transition-duration: 0.2s;
- background-color: #f59e0b;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #f59e0b;
- background: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #94a3b8;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #d97706;
- background: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #d97706;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #f87171;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-size: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f87171;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #f59e0b;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #f59e0b;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #ef4444;
- }
-
- .p-selectbutton .p-button {
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #64748b;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #334155;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #334155;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #0f172a;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #f87171;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #e2e8f0;
- border: 0 none;
- border-radius: 6px;
- }
- .p-slider.p-slider-horizontal {
- height: 3px;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px;
- }
- .p-slider.p-slider-vertical {
- width: 3px;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px;
- }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #e2e8f0;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-slider .p-slider-range {
- background: #f59e0b;
- border-radius: 6px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #e2e8f0;
- border-color: transparent;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-treeselect.p-variant-filled {
- background: #f8fafc;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #64748b;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #f8fafc;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #f1f5f9;
- border-radius: 6px;
- }
- .p-togglebutton .p-button {
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #64748b;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #334155;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #334155;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #f87171;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #ffffff;
- background: #f59e0b;
- border: 1px solid #f59e0b;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #d97706;
- color: #ffffff;
- border-color: #d97706;
- }
- .p-button:not(:disabled):active {
- background: #b45309;
- color: #ffffff;
- border-color: #b45309;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #f59e0b;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(245, 158, 11, 0.04);
- color: #f59e0b;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(245, 158, 11, 0.16);
- color: #f59e0b;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #334155;
- border-color: #334155;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: #f1f5f9;
- color: #334155;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: #e2e8f0;
- color: #334155;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #f59e0b;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(245, 158, 11, 0.04);
- color: #f59e0b;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(245, 158, 11, 0.16);
- color: #f59e0b;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #334155;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: #f1f5f9;
- color: #334155;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: #e2e8f0;
- color: #334155;
- }
- .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #f59e0b;
- background-color: #ffffff;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.5rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.5rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.5rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(241, 245, 249, 0.04);
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(241, 245, 249, 0.16);
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #f1f5f9;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(241, 245, 249, 0.04);
- border-color: transparent;
- color: #f1f5f9;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(241, 245, 249, 0.16);
- border-color: transparent;
- color: #f1f5f9;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #ffffff;
- background: #0ea5e9;
- border: 1px solid #0ea5e9;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #0284c7;
- color: #ffffff;
- border-color: #0284c7;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #0369a1;
- color: #ffffff;
- border-color: #0369a1;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(14, 165, 233, 0.04);
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(14, 165, 233, 0.16);
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #0ea5e9;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(14, 165, 233, 0.04);
- border-color: transparent;
- color: #0ea5e9;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(14, 165, 233, 0.16);
- border-color: transparent;
- color: #0ea5e9;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #ffffff;
- background: #22c55e;
- border: 1px solid #22c55e;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #16a34a;
- color: #ffffff;
- border-color: #16a34a;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #15803d;
- color: #ffffff;
- border-color: #15803d;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(34, 197, 94, 0.04);
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(34, 197, 94, 0.16);
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #22c55e;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(34, 197, 94, 0.04);
- border-color: transparent;
- color: #22c55e;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(34, 197, 94, 0.16);
- border-color: transparent;
- color: #22c55e;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #ffffff;
- background: #f97316;
- border: 1px solid #f97316;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ea580c;
- color: #ffffff;
- border-color: #ea580c;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #c2410c;
- color: #ffffff;
- border-color: #c2410c;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(249, 115, 22, 0.04);
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(249, 115, 22, 0.16);
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #f97316;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(249, 115, 22, 0.04);
- border-color: transparent;
- color: #f97316;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(249, 115, 22, 0.16);
- border-color: transparent;
- color: #f97316;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #ffffff;
- background: #a855f7;
- border: 1px solid #a855f7;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #9333ea;
- color: #ffffff;
- border-color: #9333ea;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #7e22ce;
- color: #ffffff;
- border-color: #7e22ce;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(168, 85, 247, 0.04);
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(168, 85, 247, 0.16);
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #a855f7;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(168, 85, 247, 0.04);
- border-color: transparent;
- color: #a855f7;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(168, 85, 247, 0.16);
- border-color: transparent;
- color: #a855f7;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #ffffff;
- background: #ef4444;
- border: 1px solid #ef4444;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #dc2626;
- color: #ffffff;
- border-color: #dc2626;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #b91c1c;
- color: #ffffff;
- border-color: #b91c1c;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(239, 68, 68, 0.04);
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(239, 68, 68, 0.16);
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #ef4444;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(239, 68, 68, 0.04);
- border-color: transparent;
- color: #ef4444;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(239, 68, 68, 0.16);
- border-color: transparent;
- color: #ef4444;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #ffffff;
- background: #020617;
- border: 1px solid #020617;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #1e293b;
- color: #ffffff;
- border-color: #1e293b;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #334155;
- color: #ffffff;
- border-color: #334155;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(2, 6, 23, 0.04);
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(2, 6, 23, 0.16);
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #020617;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(2, 6, 23, 0.04);
- border-color: transparent;
- color: #020617;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(2, 6, 23, 0.16);
- border-color: transparent;
- color: #020617;
- }
-
- .p-button.p-button-link {
- color: #d97706;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #d97706;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #d97706;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-speeddial-action {
- width: 2.5rem;
- height: 2.5rem;
- background: #f1f5f9;
- color: #475569;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-speeddial-action:hover {
- background: #e2e8f0;
- color: #334155;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 6px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 6px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #e2e8f0;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #cbd5e1;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #fffbeb;
- color: #b45309;
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #64748b;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: #b45309;
- background: #fffbeb;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #475569;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #fffbeb;
- color: #b45309;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #b45309;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #fffbeb;
- color: #b45309;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #b45309;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: 0 none;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #ffffff;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #fffbeb;
- color: #b45309;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #fffbeb;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #fffbeb;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-datatable .p-column-resizer-helper {
- background: #f59e0b;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #ffffff;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #f8fafc;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: #fffbeb;
- color: #b45309;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: #b45309;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: #b45309;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #ffffff;
- color: #334155;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: #f1f5f9;
- color: #475569;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #fffbeb;
- color: #b45309;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-clear-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-overlay {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.25rem 0.25rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #b45309;
- background: #fffbeb;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-bottom: 1px solid #e2e8f0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-orderlist .p-orderlist-header {
- color: #334155;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: #334155;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #e2e8f0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #b45309;
- background: #fffbeb;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(245, 158, 11, 0.24);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #f8fafc;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: #f1f5f9;
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #fffbeb;
- color: #b45309;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #ffe26c;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #e2e8f0;
- border-color: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #e2e8f0;
- border-color: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #ffffff;
- color: #334155;
- border: solid #e2e8f0;
- border-width: 0;
- padding: 0.5rem 1rem;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: transparent;
- color: #475569;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 50%;
- border-bottom-left-radius: 50%;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 50%;
- border-bottom-right-radius: 50%;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.5rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.5rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #fffbeb;
- border-color: #fffbeb;
- color: #b45309;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: transparent;
- color: #475569;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-picklist .p-picklist-header {
- color: #334155;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: #334155;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #e2e8f0;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #b45309;
- background: #fffbeb;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(245, 158, 11, 0.24);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #f8fafc;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: #f1f5f9;
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #e2e8f0;
- border-radius: 50%;
- width: 1.125rem;
- height: 1.125rem;
- background-color: #ffffff;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #e2e8f0;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-radius: 6px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0 0;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- padding: 0.25rem 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #475569;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #334155;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #fffbeb;
- color: #b45309;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #b45309;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #b45309;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- }
- .p-treetable .p-sortable-column {
- outline-color: var(--p-focus-ring-color);
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #64748b;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: #b45309;
- background: #fffbeb;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #475569;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #fffbeb;
- color: #b45309;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #b45309;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #ffffff;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #334155;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #fffbeb;
- color: #b45309;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #b45309;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #b45309;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #1e293b;
- }
- .p-treetable .p-column-resizer-helper {
- background: #f59e0b;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #ffffff;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #64748b;
- background: #ffffff;
- font-weight: 600;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #e2e8f0;
- background: #ffffff;
- color: #334155;
- }
- .p-accordion .p-accordion-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-card {
- background: #ffffff;
- color: #334155;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-card .p-card-body {
- padding: 1.5rem;
- }
- .p-card .p-card-title {
- font-size: 1.25rem;
- font-weight: 600;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #64748b;
- }
- .p-card .p-card-content {
- padding: 0 0 0 0;
- }
- .p-card .p-card-footer {
- padding: 0 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-radius: 6px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- background: #ffffff;
- font-weight: 600;
- border-radius: 6px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1.125rem;
- color: #334155;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: #1e293b;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #ffffff;
- border-color: #ffffff;
- color: #1e293b;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #ffffff;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #e2e8f0;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #e2e8f0;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #e2e8f0;
- padding: 1.125rem;
- background: #ffffff;
- color: #334155;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.75rem 1.125rem;
- }
- .p-panel .p-panel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panel .p-panel-footer {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #f1f5f9;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- border-radius: 6px;
- color: #334155;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- background: #e2e8f0;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #e2e8f0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #e2e8f0;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #64748b;
- border: 1px solid #e2e8f0;
- border-width: 2px;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #334155;
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #fffbeb;
- color: #b45309;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #334155;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #f59e0b;
- }
- .p-stepper .p-stepper-panels {
- background: #ffffff;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- color: #334155;
- }
- .p-stepper .p-stepper-separator {
- background-color: #e2e8f0;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #ffffff;
- color: #334155;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #f59e0b;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #e2e8f0;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #e2e8f0 transparent;
- background: #ffffff;
- color: #64748b;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #f59e0b;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #ffffff;
- color: #f59e0b;
- width: 2.5rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-panels {
- background: #ffffff;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- padding: 1.125rem;
- border-radius: 6px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(226, 232, 240, 0);
- border-bottom-color: #d3dce8;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #e2e8f0;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- border: 1px solid #e2e8f0;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 1.5rem;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #334155;
- padding: 0 1.5rem 1.5rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #f59e0b;
- color: #ffffff;
- width: 1.75rem;
- height: 1.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -0.875rem;
- right: -0.875rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #d97706;
- color: #ffffff;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(226, 232, 240, 0);
- border-bottom-color: #d3dce8;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #e2e8f0;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1.125rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #334155;
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #334155;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #334155;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #334155;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #334155;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #ffffff;
- padding: 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fileupload .p-fileupload-content {
- background: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #f59e0b;
- background-color: #fffbeb;
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #d97706;
- color: #ffffff;
- border-color: #d97706;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #b45309;
- color: #ffffff;
- border-color: #b45309;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #ffffff;
- border: 0 none;
- border-radius: 6px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #94a3b8;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #334155;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #94a3b8;
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-contextmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #b45309;
- background: #fffbeb;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #b45309;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #b45309;
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(245, 158, 11, 0.24);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 6px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-dock .p-dock-link {
- width: 3rem;
- height: 3rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem 0.5rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 2px 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #b45309;
- background: #fffbeb;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #b45309;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #b45309;
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(245, 158, 11, 0.24);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0.25rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #94a3b8;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 2px 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #b45309;
- background: #fffbeb;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #b45309;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #b45309;
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(245, 158, 11, 0.24);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem 0.5rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem {
- margin: 2px 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #b45309;
- background: #fffbeb;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #b45309;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #b45309;
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(245, 158, 11, 0.24);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- border-radius: 6px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #94a3b8;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.5rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 0 none;
- color: #64748b;
- background: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #64748b;
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #e2e8f0;
- background: #ffffff;
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0.25rem;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #b45309;
- background: #fffbeb;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #b45309;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #b45309;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(245, 158, 11, 0.24);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #64748b;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #334155;
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #fffbeb;
- color: #b45309;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 500;
- color: #334155;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #e2e8f0;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #e2e8f0;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #e2e8f0 transparent;
- background: #ffffff;
- color: #64748b;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #f59e0b;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #b45309;
- background: #fffbeb;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #b45309;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #b45309;
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(245, 158, 11, 0.24);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.75rem;
- margin: 0;
- border-radius: 6px;
- }
- .p-inline-message.p-inline-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #2563eb;
- }
- .p-inline-message.p-inline-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #16a34a;
- }
- .p-inline-message.p-inline-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #ca8a04;
- }
- .p-inline-message.p-inline-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #dc2626;
- }
- .p-inline-message.p-inline-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-inline-message.p-inline-message-secondary .p-inline-message-icon {
- color: #475569;
- }
- .p-inline-message.p-inline-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-inline-message.p-inline-message-contrast .p-inline-message-icon {
- color: #f8fafc;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 6px;
- }
- .p-message .p-message-wrapper {
- padding: 0.5rem 0.75rem;
- }
- .p-message .p-message-close {
- width: 1.75rem;
- height: 1.75rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-message.p-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-message.p-message-info .p-message-icon {
- color: #2563eb;
- }
- .p-message.p-message-info .p-message-close {
- color: #2563eb;
- }
- .p-message.p-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-message.p-message-success .p-message-icon {
- color: #16a34a;
- }
- .p-message.p-message-success .p-message-close {
- color: #16a34a;
- }
- .p-message.p-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-close {
- color: #ca8a04;
- }
- .p-message.p-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-message.p-message-error .p-message-icon {
- color: #dc2626;
- }
- .p-message.p-message-error .p-message-close {
- color: #dc2626;
- }
- .p-message.p-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-message.p-message-secondary .p-message-icon {
- color: #475569;
- }
- .p-message.p-message-secondary .p-message-close {
- color: #475569;
- }
- .p-message.p-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-icon {
- color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-close {
- color: #f8fafc;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1rem;
- height: 1rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 0.75rem;
- border-width: 1px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 1.125rem;
- height: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 500;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.125rem;
- height: 1.125rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- color: #475569;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- color: #f8fafc;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #f1f5f9;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #f1f5f9;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #f1f5f9;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #e2e8f0;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #cbd5e1;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #fffbeb;
- color: #b45309;
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #fffbeb;
- color: #b45309;
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f1f5f9;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #f8fafc;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #f8fafc;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #ffffff;
- background-color: rgba(255, 255, 255, 0.1);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #e2e8f0;
- border-radius: 6px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #ffffff;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #f59e0b;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-badge.p-badge-success {
- background-color: #22c55e;
- color: #ffffff;
- }
- .p-badge.p-badge-info {
- background-color: #0ea5e9;
- color: #ffffff;
- }
- .p-badge.p-badge-warning {
- background-color: #f97316;
- color: #ffffff;
- }
- .p-badge.p-badge-danger {
- background-color: #ef4444;
- color: #ffffff;
- }
- .p-badge.p-badge-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-badge.p-badge-contrast {
- background-color: #020617;
- color: #ffffff;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 6px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #f59e0b;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #f59e0b;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.25rem;
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #f59e0b;
- }
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.25rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #dc2626;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #dc2626;
- }
- 40% {
- stroke: #2563eb;
- }
- 66% {
- stroke: #16a34a;
- }
- 80%, 90% {
- stroke: #ca8a04;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7);
- }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8);
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #f8fafc;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: #e2e8f0;
- border-radius: 6px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #f59e0b;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
- }
- .p-tag.p-tag-success {
- background-color: #22c55e;
- color: #ffffff;
- }
- .p-tag.p-tag-info {
- background-color: #0ea5e9;
- color: #ffffff;
- }
- .p-tag.p-tag-warning {
- background-color: #f97316;
- color: #ffffff;
- }
- .p-tag.p-tag-danger {
- background-color: #ef4444;
- color: #ffffff;
- }
- .p-tag.p-tag-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-tag.p-tag-contrast {
- background-color: #020617;
- color: #ffffff;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primevue {
- .p-accordion .p-accordion-header .p-accordion-header-link {
- border-radius: 6px !important;
- flex-direction: row-reverse;
- justify-content: space-between;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link:hover {
- border-bottom-color: #e2e8f0;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- transform: rotate(90deg);
- }
- .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon {
- transform: rotate(-180deg);
- }
- .p-accordion .p-accordion-tab {
- border-bottom: 1px solid #e2e8f0;
- }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom: 0 none;
- }
-
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.375rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete.p-disabled {
- opacity: 1;
- }
-
- .p-button-label {
- font-weight: 500;
- }
-
- .p-button.p-button-success:enabled:focus-visible {
- outline-color: #22c55e;
- }
- .p-button.p-button-info:enabled:focus-visible {
- outline-color: #0ea5e9;
- }
- .p-button.p-button-warning:enabled:focus-visible {
- outline-color: #f97316;
- }
- .p-button.p-button-help:enabled:focus-visible {
- outline-color: #a855f7;
- }
- .p-button.p-button-danger:enabled:focus-visible {
- outline-color: #ef4444;
- }
- .p-button.p-button-contrast:enabled:focus-visible {
- outline-color: #020617;
- }
- .p-button.p-button-outlined {
- border-color: var(--primary-200);
- }
- .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active {
- border-color: var(--primary-200);
- }
- .p-button.p-button-outlined.p-button-secondary {
- border-color: var(--surface-200);
- color: #64748b;
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover {
- color: #64748b;
- background-color: #f1f5f9;
- border-color: var(--surface-200);
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):active {
- color: #64748b;
- background-color: #e2e8f0;
- border-color: var(--surface-200);
- }
- .p-button.p-button-outlined.p-button-success {
- border-color: #bbf7d0;
- }
- .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active {
- border-color: #bbf7d0;
- }
- .p-button.p-button-outlined.p-button-info {
- border-color: #bae6fd;
- }
- .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active {
- border-color: #bae6fd;
- }
- .p-button.p-button-outlined.p-button-warning {
- border-color: #fed7aa;
- }
- .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active {
- border-color: #fed7aa;
- }
- .p-button.p-button-outlined.p-button-help {
- border-color: #e9d5ff;
- }
- .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active {
- border-color: #e9d5ff;
- }
- .p-button.p-button-outlined.p-button-danger {
- border-color: #fecaca;
- }
- .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active {
- border-color: #fecaca;
- }
- .p-button.p-button-outlined.p-button-contrast {
- border-color: #334155;
- }
- .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active {
- border-color: #334155;
- }
- .p-button.p-button-secondary.p-button-text {
- color: #64748b;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover {
- background: #f1f5f9;
- color: #64748b;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active {
- background: #e2e8f0;
- color: #64748b;
- }
-
- .p-datepicker-buttonbar .p-button {
- padding: 0.25rem 0.75rem;
- font-size: 0.875rem;
- }
-
- .p-datepicker .p-datepicker-group-container + .p-timepicker {
- margin-top: 0.5rem;
- padding-top: 0.5rem;
- }
- .p-datepicker table th {
- font-weight: 500;
- }
-
- .p-card {
- border-radius: 12px;
- display: flex;
- flex-direction: column;
- }
- .p-card .p-card-caption {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-card .p-card-caption .p-card-title,
-.p-card .p-card-caption .p-card-subtitle {
- margin-bottom: 0;
- }
- .p-card .p-card-body {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #f59e0b;
- }
-
- .p-cascadeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-cascadeselect .p-cascadeselect-label {
- box-shadow: none;
- }
- .p-cascadeselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-cascadeselect.p-disabled .p-cascadeselect-label {
- color: #64748b;
- }
-
- div.p-cascadeselect-panel {
- border: 0 none;
- box-shadow: none;
- }
-
- .p-checkbox .p-checkbox-box {
- border-radius: 4px;
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
- border-color: #f59e0b;
- }
- .p-checkbox.p-disabled {
- opacity: 1;
- }
- .p-checkbox.p-disabled .p-checkbox-box {
- background-color: #e2e8f0;
- border: 1px solid #cbd5e1;
- }
- .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {
- color: #64748b;
- }
-
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.375rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips.p-disabled .p-chips-multiple-container {
- opacity: 1;
- background-color: #e2e8f0;
- }
-
- .p-chip {
- border-radius: 16px;
- padding: 0.25rem 0.75rem;
- }
- .p-chip .p-chip-text {
- margin-top: 0;
- margin-bottom: 0;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.375rem;
- }
- .p-chip:has(.p-chip-remove-icon) {
- padding-right: 0.5rem;
- }
- .p-chip img {
- margin-left: -0.5rem;
- }
-
- .p-colorpicker-preview {
- padding: 0;
- }
- .p-colorpicker-preview:enabled:focus {
- outline-offset: 2px;
- }
- .p-colorpicker-preview.p-inputtext.p-disabled {
- opacity: 0.6;
- }
-
- .p-confirm-popup {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #f59e0b;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #f59e0b;
- }
- .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: #fff1ba;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight > td {
- border-bottom-color: #fff1ba;
- }
-
- .p-dataview-layout-options.p-selectbutton .p-button svg {
- position: relative;
- }
-
- .p-dialog {
- border-radius: 12px;
- background-color: #ffffff;
- }
- .p-dialog.p-dialog-maximized {
- border-radius: 0;
- }
- .p-dialog .p-dialog-header {
- border-top-right-radius: 12px;
- border-top-left-radius: 12px;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
- .p-dialog .p-dialog-footer {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
-
- .p-dropdown {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-dropdown .p-dropdown-label {
- box-shadow: none;
- }
- .p-dropdown.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-dropdown.p-disabled .p-dropdown-label {
- color: #64748b;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- margin-left: -0.375rem;
- margin-right: 0.375rem;
- }
-
- .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: #fff1ba;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td {
- border-bottom-color: #fff1ba;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover {
- background-color: #fffbeb;
- color: #b45309;
- }
-
- .p-fieldset {
- padding: 0 1.125rem 1.125rem 1.125rem;
- margin: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text {
- padding: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- color: #64748b;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background-color: #f1f5f9;
- }
- .p-fieldset .p-fieldset-legend {
- border: 0 none;
- padding: 0;
- margin-bottom: 0.375rem;
- }
- .p-fieldset .p-fieldset-legend span {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0;
- }
-
- .p-column-filter-overlay-menu {
- padding: 0.75rem;
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraints {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 0 0 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button {
- margin-bottom: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0;
- }
-
- .p-fileupload .p-fileupload-content {
- border-top: 0 none;
- padding-top: 1.125rem;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #f59e0b;
- }
-
- .p-inline-message-text {
- font-weight: 500;
- }
-
- .p-inline-message {
- backdrop-filter: blur(1.5px);
- }
-
- .p-inline-message.p-inline-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
-
- .p-inline-message.p-inline-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
-
- .p-inline-message.p-inline-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
-
- .p-inline-message.p-inline-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
-
- .p-inline-message.p-inline-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
-
- .p-inline-message.p-inline-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
-
- .p-inputgroup-addon {
- padding: 0.5rem;
- }
-
- .p-inputnumber.p-inputnumber-buttons-stacked {
- position: relative;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- position: absolute;
- top: 1px;
- right: 1px;
- height: calc(100% - 2px);
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #cbd5e1;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up {
- border-left: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down {
- border-right: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #cbd5e1;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up {
- border-bottom: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down {
- border-top: 0 none;
- }
-
- .p-inputswitch .p-inputswitch-slider {
- border: 0 none;
- }
- .p-inputswitch.p-highlight p-inputswitch-slider:before {
- left: 1.25rem;
- transform: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- background: #f87171;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
- background: #ffffff;
- }
-
- .p-inputtext {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
-
- .p-inputtext:disabled {
- opacity: 1;
- background-color: #e2e8f0;
- color: #64748b;
- }
-
- .p-knob svg {
- border-radius: 6px;
- outline-color: transparent;
- transition: outline-color 0.2s;
- }
- .p-knob svg:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-listbox {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-listbox.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-listbox.p-disabled .p-listbox-list .p-listbox-item {
- color: #64748b;
- }
-
- .p-message {
- backdrop-filter: blur(1.5px);
- }
-
- .p-message.p-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-message.p-message-info .p-message-close:focus-visible {
- outline-color: #2563eb;
- }
- .p-message.p-message-info .p-message-close:hover {
- background: #dbeafe;
- }
-
- .p-message.p-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-message.p-message-success .p-message-close:focus-visible {
- outline-color: #16a34a;
- }
- .p-message.p-message-success .p-message-close:hover {
- background: #dcfce7;
- }
-
- .p-message.p-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-message.p-message-warn .p-message-close:focus-visible {
- outline-color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-close:hover {
- background: #fef9c3;
- }
-
- .p-message.p-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-message.p-message-error .p-message-close:focus-visible {
- outline-color: #dc2626;
- }
- .p-message.p-message-error .p-message-close:hover {
- background: #fee2e2;
- }
-
- .p-message.p-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-message.p-message-secondary .p-message-close:focus-visible {
- outline-color: #475569;
- }
- .p-message.p-message-secondary .p-message-close:hover {
- background: #e2e8f0;
- }
-
- .p-message.p-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-message.p-message-contrast .p-message-close:focus-visible {
- outline-color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-close:hover {
- background: #1e293b;
- }
-
- .p-multiselect-panel .p-multiselect-header {
- padding-left: 1rem;
- padding-right: 1rem;
- }
-
- .p-multiselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-multiselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-multiselect.p-disabled .p-multiselect-label {
- color: #64748b;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- border-radius: 4px;
- margin-right: 0.25rem;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.375rem;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header {
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action {
- background: #e2e8f0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #334155;
- padding: 0.5rem 0.75rem;
- font-weight: 600;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover {
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content {
- border-radius: 6px;
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-panel {
- padding: 0.25rem 0.25rem;
- overflow: hidden;
- margin-bottom: 0.75rem;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
-
- .p-password-panel {
- background-color: #ffffff;
- border: 1px solid #e2e8f0;
- padding: 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.75rem;
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength {
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #ef4444;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #f59e0b;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #22c55e;
- }
-
- .p-orderlist-controls .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-orderlist-controls .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-orderlist-controls .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-orderlist-controls .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
-
- .p-orderlist .p-orderlist-header {
- background: #ffffff;
- color: #334155;
- border: 0 none;
- border-bottom: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #64748b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list {
- border: 1px solid #cbd5e1;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- border-radius: 6px;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-organizationchart .p-organizationchart-node-content {
- padding: 0.75rem 1rem;
- border-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid #e2e8f0;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: static;
- }
- .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) {
- padding: 0.75rem 1rem 1.25rem 1rem;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
- border-right: 0 none;
- }
- .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) {
- border-top-right-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) {
- border-left: 1px solid #e2e8f0;
- border-top-left-radius: 6px;
- }
-
- .p-overlaypanel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.75rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- position: absolute;
- top: 0.25rem;
- right: 0.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-overlaypanel .p-overlaypanel-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-panel {
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- background-color: #ffffff;
- }
- .p-panel .p-panel-header,
-.p-panel .p-panel-content,
-.p-panel .p-panel-footer {
- background: transparent;
- border: 0 none;
- }
- .p-panel:has(.p-panel-footer) .p-panel-content {
- padding-bottom: 0.875rem;
- }
-
- .p-picklist-buttons .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-picklist-buttons .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-picklist-buttons .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-picklist-buttons .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
-
- .p-picklist .p-picklist-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #64748b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-picklist .p-picklist-list {
- border: 1px solid #cbd5e1;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- border-radius: 6px;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-progressbar-label {
- font-size: 0.75rem;
- font-weight: 600;
- }
-
- .p-radiobutton .p-radiobutton-box {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box {
- border-color: #f59e0b;
- }
- .p-radiobutton.p-disabled {
- opacity: 1;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box {
- border: 1px solid #cbd5e1;
- background-color: #e2e8f0;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon {
- background-color: #64748b;
- }
-
- .p-rating {
- gap: 0.25rem;
- }
-
- .p-selectbutton .p-button .pi,
-.p-selectbutton .p-button .p-button-label {
- position: relative;
- transition: none;
- }
- .p-selectbutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-selectbutton .p-button.p-highlight::before {
- background: #ffffff;
- border-color: #ffffff;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-selectbutton .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-selectbutton .p-button.p-disabled {
- opacity: 1;
- color: #94a3b8;
- }
- .p-selectbutton.p-invalid {
- box-shadow: 0 0 0 1px #f87171;
- border-radius: 6px;
- }
- .p-selectbutton.p-invalid > .p-button {
- border: 1px solid #f1f5f9;
- }
- .p-selectbutton.p-disabled {
- opacity: 1;
- }
- .p-selectbutton.p-disabled .p-button {
- color: #94a3b8;
- }
-
- .p-slider .p-slider-handle {
- display: flex !important;
- justify-content: center;
- align-items: center;
- }
- .p-slider .p-slider-handle::before {
- content: "";
- width: 16px;
- height: 16px;
- display: block;
- background-color: #ffffff;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline-color: #facf85;
- }
-
- .p-speeddial-button.p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-splitter-gutter-handle {
- border-radius: 6px;
- }
-
- .p-stepper .p-stepper-header .p-stepper-number {
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #ffffff;
- color: #f59e0b;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #f59e0b;
- }
-
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- border-width: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-steps-number {
- position: relative;
- font-weight: 500;
- }
- .p-steps .p-steps-item .p-steps-number::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #ffffff;
- color: #f59e0b;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- color: #f59e0b;
- }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1;
- }
- .p-steps .p-steps-item:before {
- border-top-width: 2px;
- margin-top: calc(-1rem + 1px);
- }
- .p-steps .p-steps-item:first-child::before {
- width: calc(50% + 1rem);
- transform: translateX(100%);
- }
- .p-steps .p-steps-item:last-child::before {
- width: 50%;
- }
-
- .p-tabmenu .p-tabmenu-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: -1px;
- height: 1px;
- background-color: #f59e0b;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabmenu .p-tabmenu-nav {
- position: relative;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-tabview .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 1px;
- background-color: #f59e0b;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabview .p-tabview-nav {
- position: relative;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6);
- }
- .p-tabview .p-tabview-nav-btn.p-link:hover {
- color: #475569;
- }
-
- .p-tag {
- background: var(--primary-100);
- color: var(--primary-700);
- }
- .p-tag.p-tag-success {
- background: var(--green-100);
- color: var(--green-700);
- }
- .p-tag.p-tag-info {
- background: var(--blue-100);
- color: var(--blue-700);
- }
- .p-tag.p-tag-warning {
- background: var(--orange-100);
- color: var(--orange-700);
- }
- .p-tag.p-tag-danger {
- background: var(--red-100);
- color: var(--red-700);
- }
-
- .p-terminal {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- }
- .p-terminal .p-terminal-prompt {
- margin-right: 0.25rem;
- }
- .p-terminal .p-terminal-response {
- margin: 2px 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- position: relative;
- }
- .p-timeline .p-timeline-event-marker::before {
- content: " ";
- border-radius: 50%;
- width: 0.375rem;
- height: 0.375rem;
- background-color: #f59e0b;
- }
- .p-timeline .p-timeline-event-marker::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-toast .p-toast-message {
- backdrop-filter: blur(1.5px);
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- font-size: 0.875rem;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.75rem;
- height: 1.75rem;
- margin-top: -25%;
- right: -25%;
- position: relative;
- }
-
- .p-toast .p-toast-message.p-toast-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- outline-color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
- background: #dbeafe;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- outline-color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
- background: #dcfce7;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- outline-color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
- background: #fef9c3;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
- background: #fee2e2;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover {
- background: #e2e8f0;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover {
- background: #1e293b;
- }
-
- .p-togglebutton .p-button .p-button-label,
-.p-togglebutton .p-button .p-button-icon {
- position: relative;
- transition: none;
- }
- .p-togglebutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-togglebutton.p-highlight .p-button::before {
- background: #ffffff;
- border-color: #ffffff;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-togglebutton.p-disabled {
- opacity: 1;
- }
- .p-togglebutton.p-disabled .p-button {
- color: #94a3b8;
- }
- .p-togglebutton.p-disabled .p-button .p-button-icon {
- color: #94a3b8;
- }
-
- .p-toolbar {
- padding: 0.75rem;
- }
-
- .p-tree {
- border: 0 none;
- padding: 1rem;
- }
- .p-tree .p-tree-container .p-treenode {
- margin: 2px 0;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline-offset: -2px;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover {
- background-color: #fffbeb;
- }
- .p-tree .p-tree-container > .p-treenode:first-child {
- margin-top: 0;
- }
- .p-tree .p-tree-container > .p-treenode:last-child {
- margin-bottom: 0;
- }
-
- .p-treeselect-panel .p-tree {
- padding: 0.25rem 0.25rem;
- }
-
- .p-treeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-treeselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-treeselect.p-disabled .p-treeselect-label {
- color: #64748b;
- }
-}
diff --git a/public/themes/aura-light-blue/fonts/Inter-italic.var.woff2 b/public/themes/aura-light-blue/fonts/Inter-italic.var.woff2
deleted file mode 100644
index b826d5a..0000000
Binary files a/public/themes/aura-light-blue/fonts/Inter-italic.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-light-blue/fonts/Inter-roman.var.woff2 b/public/themes/aura-light-blue/fonts/Inter-roman.var.woff2
deleted file mode 100644
index 6a256a0..0000000
Binary files a/public/themes/aura-light-blue/fonts/Inter-roman.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-light-blue/theme.css b/public/themes/aura-light-blue/theme.css
deleted file mode 100644
index 8c26a29..0000000
--- a/public/themes/aura-light-blue/theme.css
+++ /dev/null
@@ -1,12111 +0,0 @@
-:root {
- font-family: "Inter var", sans-serif;
- font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- font-variation-settings: normal;
- --font-family: "Inter var", sans-serif;
- --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- --text-color: #334155;
- --text-color-secondary: #64748b;
- --primary-color: #3B82F6;
- --primary-color-text: #ffffff;
- --surface-0: #ffffff;
- --surface-50: #f8fafc;
- --surface-100: #f1f5f9;
- --surface-200: #e2e8f0;
- --surface-300: #cbd5e1;
- --surface-400: #94a3b8;
- --surface-500: #64748b;
- --surface-600: #475569;
- --surface-700: #334155;
- --surface-800: #1e293b;
- --surface-900: #0f172a;
- --surface-950: #020617;
- --gray-0: #ffffff;
- --gray-50: #f8fafc;
- --gray-100: #f1f5f9;
- --gray-200: #e2e8f0;
- --gray-300: #cbd5e1;
- --gray-400: #94a3b8;
- --gray-500: #64748b;
- --gray-600: #475569;
- --gray-700: #334155;
- --gray-800: #1e293b;
- --gray-900: #0f172a;
- --gray-950: #020617;
- --content-padding: 1.125rem;
- --inline-spacing: 0.5rem;
- --border-radius: 6px;
- --surface-ground: #f8fafc;
- --surface-section: #ffffff;
- --surface-card: #ffffff;
- --surface-overlay: #ffffff;
- --surface-border: #e2e8f0;
- --surface-hover: #f1f5f9;
- --focus-ring: none;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #EFF6FF;
- --highlight-text-color: #1D4ED8;
- --p-anchor-gutter: 2px;
- color-scheme: light;
-}
-
-:root {
- --p-focus-ring-color: var(--primary-color);
-}
-
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: normal;
- font-named-instance: "Regular";
- src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
-}
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: italic;
- font-named-instance: "Italic";
- src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
-}
-:root {
- --blue-50:#f5f9ff;
- --blue-100:#d0e1fd;
- --blue-200:#abc9fb;
- --blue-300:#85b2f9;
- --blue-400:#609af8;
- --blue-500:#3b82f6;
- --blue-600:#326fd1;
- --blue-700:#295bac;
- --blue-800:#204887;
- --blue-900:#183462;
- --green-50:#f4fcf7;
- --green-100:#caf1d8;
- --green-200:#a0e6ba;
- --green-300:#76db9b;
- --green-400:#4cd07d;
- --green-500:#22c55e;
- --green-600:#1da750;
- --green-700:#188a42;
- --green-800:#136c34;
- --green-900:#0e4f26;
- --yellow-50:#fefbf3;
- --yellow-100:#faedc4;
- --yellow-200:#f6de95;
- --yellow-300:#f2d066;
- --yellow-400:#eec137;
- --yellow-500:#eab308;
- --yellow-600:#c79807;
- --yellow-700:#a47d06;
- --yellow-800:#816204;
- --yellow-900:#5e4803;
- --cyan-50:#f3fbfd;
- --cyan-100:#c3edf5;
- --cyan-200:#94e0ed;
- --cyan-300:#65d2e4;
- --cyan-400:#35c4dc;
- --cyan-500:#06b6d4;
- --cyan-600:#059bb4;
- --cyan-700:#047f94;
- --cyan-800:#036475;
- --cyan-900:#024955;
- --pink-50:#fef6fa;
- --pink-100:#fad3e7;
- --pink-200:#f7b0d3;
- --pink-300:#f38ec0;
- --pink-400:#f06bac;
- --pink-500:#ec4899;
- --pink-600:#c93d82;
- --pink-700:#a5326b;
- --pink-800:#822854;
- --pink-900:#5e1d3d;
- --indigo-50:#f7f7fe;
- --indigo-100:#dadafc;
- --indigo-200:#bcbdf9;
- --indigo-300:#9ea0f6;
- --indigo-400:#8183f4;
- --indigo-500:#6366f1;
- --indigo-600:#5457cd;
- --indigo-700:#4547a9;
- --indigo-800:#363885;
- --indigo-900:#282960;
- --teal-50:#f3fbfb;
- --teal-100:#c7eeea;
- --teal-200:#9ae0d9;
- --teal-300:#6dd3c8;
- --teal-400:#41c5b7;
- --teal-500:#14b8a6;
- --teal-600:#119c8d;
- --teal-700:#0e8174;
- --teal-800:#0b655b;
- --teal-900:#084a42;
- --orange-50:#fff8f3;
- --orange-100:#feddc7;
- --orange-200:#fcc39b;
- --orange-300:#fba86f;
- --orange-400:#fa8e42;
- --orange-500:#f97316;
- --orange-600:#d46213;
- --orange-700:#ae510f;
- --orange-800:#893f0c;
- --orange-900:#642e09;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dadee3;
- --bluegray-200:#bcc3cd;
- --bluegray-300:#9fa9b7;
- --bluegray-400:#818ea1;
- --bluegray-500:#64748b;
- --bluegray-600:#556376;
- --bluegray-700:#465161;
- --bluegray-800:#37404c;
- --bluegray-900:#282e38;
- --purple-50:#fbf7ff;
- --purple-100:#ead6fd;
- --purple-200:#dab6fc;
- --purple-300:#c996fa;
- --purple-400:#b975f9;
- --purple-500:#a855f7;
- --purple-600:#8f48d2;
- --purple-700:#763cad;
- --purple-800:#5c2f88;
- --purple-900:#432263;
- --red-50:#fff5f5;
- --red-100:#ffd0ce;
- --red-200:#ffaca7;
- --red-300:#ff8780;
- --red-400:#ff6259;
- --red-500:#ff3d32;
- --red-600:#d9342b;
- --red-700:#b32b23;
- --red-800:#8c221c;
- --red-900:#661814;
- --primary-50:#f5f9ff;
- --primary-100:#d0e1fd;
- --primary-200:#abc9fb;
- --primary-300:#85b2f9;
- --primary-400:#609af8;
- --primary-500:#3b82f6;
- --primary-600:#326fd1;
- --primary-700:#295bac;
- --primary-800:#204887;
- --primary-900:#183462;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #ffffff;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #e2e8f0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- padding: 0.25rem 0.25rem;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #1e293b;
- background: #f1f5f9;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 0.75rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #e2e8f0;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #3B82F6;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #3B82F6;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #3B82F6;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #3B82F6;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.6;
- }
-
- .p-error {
- color: #f87171;
- }
-
- .p-text-secondary {
- color: #64748b;
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.25rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #94a3b8;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #e2e8f0;
- color: #0f172a;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-autocomplete-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.25rem 0.25rem;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #1D4ED8;
- background: #EFF6FF;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(59, 130, 246, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
-
- .p-datepicker {
- padding: 0.75rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0 0 0.5rem 0;
- color: #334155;
- background: #ffffff;
- font-weight: 500;
- margin: 0 0 0 0;
- border-bottom: 1px solid #e2e8f0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 1.75rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-weight: 500;
- padding: 0.25rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #3B82F6;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker table th {
- padding: 0.25rem;
- }
- .p-datepicker table th > span {
- width: 2rem;
- height: 2rem;
- }
- .p-datepicker table td {
- padding: 0.25rem;
- }
- .p-datepicker table td > span {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: #1D4ED8;
- background: #EFF6FF;
- }
- .p-datepicker table td > span:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #e2e8f0;
- color: #0f172a;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #1D4ED8;
- background: #EFF6FF;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.5rem 0 0 0;
- border-top: 1px solid #e2e8f0;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #e2e8f0;
- padding: 0;
- }
- .p-datepicker .p-timepicker button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #1D4ED8;
- background: #EFF6FF;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #1D4ED8;
- background: #EFF6FF;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #e2e8f0;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0.25rem;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #f8fafc;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #f8fafc;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #64748b;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-cascadeselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #1D4ED8;
- background: #EFF6FF;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(59, 130, 246, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #cbd5e1;
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- color: #334155;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 0.875rem;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #3B82F6;
- background: #3B82F6;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #94a3b8;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #2563eb;
- background: #2563eb;
- color: #ffffff;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #f87171;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #3B82F6;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #2563eb;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #3B82F6;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #2563eb;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #94a3b8;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #e2e8f0;
- color: #0f172a;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-colorpicker-panel {
- background: #323232;
- border: 1px solid #191919;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff;
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-dropdown.p-variant-filled {
- background: #f8fafc;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #64748b;
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #94a3b8;
- right: 2.5rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-dropdown-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.25rem 0.25rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #1D4ED8;
- background: #EFF6FF;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(59, 130, 246, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #ffffff;
- color: #64748b;
- border-top: 1px solid #cbd5e1;
- border-left: 1px solid #cbd5e1;
- border-bottom: 1px solid #cbd5e1;
- padding: 0.5rem 0.75rem;
- min-width: 2.5rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #cbd5e1;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.5rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: #94a3b8;
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: #94a3b8;
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #f8fafc;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #f8fafc;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 2.5rem;
- height: 1.5rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1rem;
- height: 1rem;
- left: 0.25rem;
- margin-top: -0.5rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #3B82F6;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #ffffff;
- transform: translateX(1rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #94a3b8;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #2563eb;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #f87171;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- background: #ffffff;
- padding: 0.5rem 0.75rem;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- appearance: none;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #94a3b8;
- }
- .p-inputtext:enabled:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #f87171;
- }
- .p-inputtext.p-variant-filled {
- background-color: #f8fafc;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #f8fafc;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: #64748b;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #f87171;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: #64748b;
- }
-
- :-moz-placeholder {
- color: #64748b;
- }
-
- ::-moz-placeholder {
- color: #64748b;
- }
-
- :-ms-input-placeholder {
- color: #64748b;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #f8fafc;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #f8fafc;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-listbox .p-listbox-list {
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #1D4ED8;
- background: #EFF6FF;
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(59, 130, 246, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-listbox.p-invalid {
- border-color: #f87171;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-multiselect.p-variant-filled {
- background: #f8fafc;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #64748b;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #1D4ED8;
- background: #EFF6FF;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(59, 130, 246, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-password-panel {
- padding: 0 1.125rem 1.125rem 1.125rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #e2e8f0;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #ef4444;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #f59e0b;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #22c55e;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #cbd5e1;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #cbd5e1;
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- color: #334155;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 0.75rem;
- height: 0.75rem;
- transition-duration: 0.2s;
- background-color: #3B82F6;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #3B82F6;
- background: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #94a3b8;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #2563eb;
- background: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #2563eb;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #f87171;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-size: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f87171;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #3B82F6;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #3B82F6;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #ef4444;
- }
-
- .p-selectbutton .p-button {
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #64748b;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #334155;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #334155;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #0f172a;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #f87171;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #e2e8f0;
- border: 0 none;
- border-radius: 6px;
- }
- .p-slider.p-slider-horizontal {
- height: 3px;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px;
- }
- .p-slider.p-slider-vertical {
- width: 3px;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px;
- }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #e2e8f0;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-slider .p-slider-range {
- background: #3B82F6;
- border-radius: 6px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #e2e8f0;
- border-color: transparent;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-treeselect.p-variant-filled {
- background: #f8fafc;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #64748b;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #f8fafc;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #f1f5f9;
- border-radius: 6px;
- }
- .p-togglebutton .p-button {
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #64748b;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #334155;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #334155;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #f87171;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #ffffff;
- background: #3B82F6;
- border: 1px solid #3B82F6;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #2563eb;
- color: #ffffff;
- border-color: #2563eb;
- }
- .p-button:not(:disabled):active {
- background: #1D4ED8;
- color: #ffffff;
- border-color: #1D4ED8;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #3B82F6;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(59, 130, 246, 0.04);
- color: #3B82F6;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(59, 130, 246, 0.16);
- color: #3B82F6;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #334155;
- border-color: #334155;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: #f1f5f9;
- color: #334155;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: #e2e8f0;
- color: #334155;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #3B82F6;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(59, 130, 246, 0.04);
- color: #3B82F6;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(59, 130, 246, 0.16);
- color: #3B82F6;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #334155;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: #f1f5f9;
- color: #334155;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: #e2e8f0;
- color: #334155;
- }
- .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #3B82F6;
- background-color: #ffffff;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.5rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.5rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.5rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(241, 245, 249, 0.04);
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(241, 245, 249, 0.16);
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #f1f5f9;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(241, 245, 249, 0.04);
- border-color: transparent;
- color: #f1f5f9;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(241, 245, 249, 0.16);
- border-color: transparent;
- color: #f1f5f9;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #ffffff;
- background: #0ea5e9;
- border: 1px solid #0ea5e9;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #0284c7;
- color: #ffffff;
- border-color: #0284c7;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #0369a1;
- color: #ffffff;
- border-color: #0369a1;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(14, 165, 233, 0.04);
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(14, 165, 233, 0.16);
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #0ea5e9;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(14, 165, 233, 0.04);
- border-color: transparent;
- color: #0ea5e9;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(14, 165, 233, 0.16);
- border-color: transparent;
- color: #0ea5e9;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #ffffff;
- background: #22c55e;
- border: 1px solid #22c55e;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #16a34a;
- color: #ffffff;
- border-color: #16a34a;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #15803d;
- color: #ffffff;
- border-color: #15803d;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(34, 197, 94, 0.04);
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(34, 197, 94, 0.16);
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #22c55e;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(34, 197, 94, 0.04);
- border-color: transparent;
- color: #22c55e;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(34, 197, 94, 0.16);
- border-color: transparent;
- color: #22c55e;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #ffffff;
- background: #f97316;
- border: 1px solid #f97316;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ea580c;
- color: #ffffff;
- border-color: #ea580c;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #c2410c;
- color: #ffffff;
- border-color: #c2410c;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(249, 115, 22, 0.04);
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(249, 115, 22, 0.16);
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #f97316;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(249, 115, 22, 0.04);
- border-color: transparent;
- color: #f97316;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(249, 115, 22, 0.16);
- border-color: transparent;
- color: #f97316;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #ffffff;
- background: #a855f7;
- border: 1px solid #a855f7;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #9333ea;
- color: #ffffff;
- border-color: #9333ea;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #7e22ce;
- color: #ffffff;
- border-color: #7e22ce;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(168, 85, 247, 0.04);
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(168, 85, 247, 0.16);
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #a855f7;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(168, 85, 247, 0.04);
- border-color: transparent;
- color: #a855f7;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(168, 85, 247, 0.16);
- border-color: transparent;
- color: #a855f7;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #ffffff;
- background: #ef4444;
- border: 1px solid #ef4444;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #dc2626;
- color: #ffffff;
- border-color: #dc2626;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #b91c1c;
- color: #ffffff;
- border-color: #b91c1c;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(239, 68, 68, 0.04);
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(239, 68, 68, 0.16);
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #ef4444;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(239, 68, 68, 0.04);
- border-color: transparent;
- color: #ef4444;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(239, 68, 68, 0.16);
- border-color: transparent;
- color: #ef4444;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #ffffff;
- background: #020617;
- border: 1px solid #020617;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #1e293b;
- color: #ffffff;
- border-color: #1e293b;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #334155;
- color: #ffffff;
- border-color: #334155;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(2, 6, 23, 0.04);
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(2, 6, 23, 0.16);
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #020617;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(2, 6, 23, 0.04);
- border-color: transparent;
- color: #020617;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(2, 6, 23, 0.16);
- border-color: transparent;
- color: #020617;
- }
-
- .p-button.p-button-link {
- color: #2563eb;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #2563eb;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #2563eb;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-speeddial-action {
- width: 2.5rem;
- height: 2.5rem;
- background: #f1f5f9;
- color: #475569;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-speeddial-action:hover {
- background: #e2e8f0;
- color: #334155;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 6px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 6px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #e2e8f0;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #cbd5e1;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #EFF6FF;
- color: #1D4ED8;
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #64748b;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: #1D4ED8;
- background: #EFF6FF;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #475569;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #EFF6FF;
- color: #1D4ED8;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #1D4ED8;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #EFF6FF;
- color: #1D4ED8;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #1D4ED8;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: 0 none;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #ffffff;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #EFF6FF;
- color: #1D4ED8;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #EFF6FF;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #EFF6FF;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-datatable .p-column-resizer-helper {
- background: #3B82F6;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #ffffff;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #f8fafc;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: #EFF6FF;
- color: #1D4ED8;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: #1D4ED8;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: #1D4ED8;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #ffffff;
- color: #334155;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: #f1f5f9;
- color: #475569;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #EFF6FF;
- color: #1D4ED8;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-clear-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-overlay {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.25rem 0.25rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #1D4ED8;
- background: #EFF6FF;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-bottom: 1px solid #e2e8f0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-orderlist .p-orderlist-header {
- color: #334155;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: #334155;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #e2e8f0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #1D4ED8;
- background: #EFF6FF;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(59, 130, 246, 0.24);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #f8fafc;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: #f1f5f9;
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #EFF6FF;
- color: #1D4ED8;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #70aeff;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #e2e8f0;
- border-color: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #e2e8f0;
- border-color: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #ffffff;
- color: #334155;
- border: solid #e2e8f0;
- border-width: 0;
- padding: 0.5rem 1rem;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: transparent;
- color: #475569;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 50%;
- border-bottom-left-radius: 50%;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 50%;
- border-bottom-right-radius: 50%;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.5rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.5rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #EFF6FF;
- border-color: #EFF6FF;
- color: #1D4ED8;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: transparent;
- color: #475569;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-picklist .p-picklist-header {
- color: #334155;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: #334155;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #e2e8f0;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #1D4ED8;
- background: #EFF6FF;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(59, 130, 246, 0.24);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #f8fafc;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: #f1f5f9;
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #e2e8f0;
- border-radius: 50%;
- width: 1.125rem;
- height: 1.125rem;
- background-color: #ffffff;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #e2e8f0;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-radius: 6px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0 0;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- padding: 0.25rem 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #475569;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #334155;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #EFF6FF;
- color: #1D4ED8;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #1D4ED8;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #1D4ED8;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- }
- .p-treetable .p-sortable-column {
- outline-color: var(--p-focus-ring-color);
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #64748b;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: #1D4ED8;
- background: #EFF6FF;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #475569;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #EFF6FF;
- color: #1D4ED8;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #1D4ED8;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #ffffff;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #334155;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #EFF6FF;
- color: #1D4ED8;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #1D4ED8;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #1D4ED8;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #1e293b;
- }
- .p-treetable .p-column-resizer-helper {
- background: #3B82F6;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #ffffff;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #64748b;
- background: #ffffff;
- font-weight: 600;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #e2e8f0;
- background: #ffffff;
- color: #334155;
- }
- .p-accordion .p-accordion-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-card {
- background: #ffffff;
- color: #334155;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-card .p-card-body {
- padding: 1.5rem;
- }
- .p-card .p-card-title {
- font-size: 1.25rem;
- font-weight: 600;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #64748b;
- }
- .p-card .p-card-content {
- padding: 0 0 0 0;
- }
- .p-card .p-card-footer {
- padding: 0 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-radius: 6px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- background: #ffffff;
- font-weight: 600;
- border-radius: 6px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1.125rem;
- color: #334155;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: #1e293b;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #ffffff;
- border-color: #ffffff;
- color: #1e293b;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #ffffff;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #e2e8f0;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #e2e8f0;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #e2e8f0;
- padding: 1.125rem;
- background: #ffffff;
- color: #334155;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.75rem 1.125rem;
- }
- .p-panel .p-panel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panel .p-panel-footer {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #f1f5f9;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- border-radius: 6px;
- color: #334155;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- background: #e2e8f0;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #e2e8f0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #e2e8f0;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #64748b;
- border: 1px solid #e2e8f0;
- border-width: 2px;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #334155;
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #EFF6FF;
- color: #1D4ED8;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #334155;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #3B82F6;
- }
- .p-stepper .p-stepper-panels {
- background: #ffffff;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- color: #334155;
- }
- .p-stepper .p-stepper-separator {
- background-color: #e2e8f0;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #ffffff;
- color: #334155;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #3B82F6;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #e2e8f0;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #e2e8f0 transparent;
- background: #ffffff;
- color: #64748b;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #3B82F6;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #ffffff;
- color: #3B82F6;
- width: 2.5rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-panels {
- background: #ffffff;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- padding: 1.125rem;
- border-radius: 6px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(226, 232, 240, 0);
- border-bottom-color: #d3dce8;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #e2e8f0;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- border: 1px solid #e2e8f0;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 1.5rem;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #334155;
- padding: 0 1.5rem 1.5rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #3B82F6;
- color: #ffffff;
- width: 1.75rem;
- height: 1.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -0.875rem;
- right: -0.875rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #2563eb;
- color: #ffffff;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(226, 232, 240, 0);
- border-bottom-color: #d3dce8;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #e2e8f0;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1.125rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #334155;
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #334155;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #334155;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #334155;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #334155;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #ffffff;
- padding: 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fileupload .p-fileupload-content {
- background: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #3B82F6;
- background-color: #EFF6FF;
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #2563eb;
- color: #ffffff;
- border-color: #2563eb;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #1D4ED8;
- color: #ffffff;
- border-color: #1D4ED8;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #ffffff;
- border: 0 none;
- border-radius: 6px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #94a3b8;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #334155;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #94a3b8;
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-contextmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #1D4ED8;
- background: #EFF6FF;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #1D4ED8;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #1D4ED8;
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(59, 130, 246, 0.24);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 6px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-dock .p-dock-link {
- width: 3rem;
- height: 3rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem 0.5rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 2px 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #1D4ED8;
- background: #EFF6FF;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #1D4ED8;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #1D4ED8;
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(59, 130, 246, 0.24);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0.25rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #94a3b8;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 2px 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #1D4ED8;
- background: #EFF6FF;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #1D4ED8;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #1D4ED8;
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(59, 130, 246, 0.24);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem 0.5rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem {
- margin: 2px 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #1D4ED8;
- background: #EFF6FF;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #1D4ED8;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #1D4ED8;
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(59, 130, 246, 0.24);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- border-radius: 6px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #94a3b8;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.5rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 0 none;
- color: #64748b;
- background: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #64748b;
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #e2e8f0;
- background: #ffffff;
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0.25rem;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #1D4ED8;
- background: #EFF6FF;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #1D4ED8;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #1D4ED8;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(59, 130, 246, 0.24);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #64748b;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #334155;
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #EFF6FF;
- color: #1D4ED8;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 500;
- color: #334155;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #e2e8f0;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #e2e8f0;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #e2e8f0 transparent;
- background: #ffffff;
- color: #64748b;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #3B82F6;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #1D4ED8;
- background: #EFF6FF;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #1D4ED8;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #1D4ED8;
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(59, 130, 246, 0.24);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.75rem;
- margin: 0;
- border-radius: 6px;
- }
- .p-inline-message.p-inline-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #2563eb;
- }
- .p-inline-message.p-inline-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #16a34a;
- }
- .p-inline-message.p-inline-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #ca8a04;
- }
- .p-inline-message.p-inline-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #dc2626;
- }
- .p-inline-message.p-inline-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-inline-message.p-inline-message-secondary .p-inline-message-icon {
- color: #475569;
- }
- .p-inline-message.p-inline-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-inline-message.p-inline-message-contrast .p-inline-message-icon {
- color: #f8fafc;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 6px;
- }
- .p-message .p-message-wrapper {
- padding: 0.5rem 0.75rem;
- }
- .p-message .p-message-close {
- width: 1.75rem;
- height: 1.75rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-message.p-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-message.p-message-info .p-message-icon {
- color: #2563eb;
- }
- .p-message.p-message-info .p-message-close {
- color: #2563eb;
- }
- .p-message.p-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-message.p-message-success .p-message-icon {
- color: #16a34a;
- }
- .p-message.p-message-success .p-message-close {
- color: #16a34a;
- }
- .p-message.p-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-close {
- color: #ca8a04;
- }
- .p-message.p-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-message.p-message-error .p-message-icon {
- color: #dc2626;
- }
- .p-message.p-message-error .p-message-close {
- color: #dc2626;
- }
- .p-message.p-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-message.p-message-secondary .p-message-icon {
- color: #475569;
- }
- .p-message.p-message-secondary .p-message-close {
- color: #475569;
- }
- .p-message.p-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-icon {
- color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-close {
- color: #f8fafc;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1rem;
- height: 1rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 0.75rem;
- border-width: 1px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 1.125rem;
- height: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 500;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.125rem;
- height: 1.125rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- color: #475569;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- color: #f8fafc;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #f1f5f9;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #f1f5f9;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #f1f5f9;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #e2e8f0;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #cbd5e1;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #EFF6FF;
- color: #1D4ED8;
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #EFF6FF;
- color: #1D4ED8;
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f1f5f9;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #f8fafc;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #f8fafc;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #ffffff;
- background-color: rgba(255, 255, 255, 0.1);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #e2e8f0;
- border-radius: 6px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #ffffff;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #3B82F6;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-badge.p-badge-success {
- background-color: #22c55e;
- color: #ffffff;
- }
- .p-badge.p-badge-info {
- background-color: #0ea5e9;
- color: #ffffff;
- }
- .p-badge.p-badge-warning {
- background-color: #f97316;
- color: #ffffff;
- }
- .p-badge.p-badge-danger {
- background-color: #ef4444;
- color: #ffffff;
- }
- .p-badge.p-badge-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-badge.p-badge-contrast {
- background-color: #020617;
- color: #ffffff;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 6px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #3B82F6;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #3B82F6;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.25rem;
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #3B82F6;
- }
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.25rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #dc2626;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #dc2626;
- }
- 40% {
- stroke: #2563eb;
- }
- 66% {
- stroke: #16a34a;
- }
- 80%, 90% {
- stroke: #ca8a04;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7);
- }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8);
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #f8fafc;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: #e2e8f0;
- border-radius: 6px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #3B82F6;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
- }
- .p-tag.p-tag-success {
- background-color: #22c55e;
- color: #ffffff;
- }
- .p-tag.p-tag-info {
- background-color: #0ea5e9;
- color: #ffffff;
- }
- .p-tag.p-tag-warning {
- background-color: #f97316;
- color: #ffffff;
- }
- .p-tag.p-tag-danger {
- background-color: #ef4444;
- color: #ffffff;
- }
- .p-tag.p-tag-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-tag.p-tag-contrast {
- background-color: #020617;
- color: #ffffff;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primevue {
- .p-accordion .p-accordion-header .p-accordion-header-link {
- border-radius: 6px !important;
- flex-direction: row-reverse;
- justify-content: space-between;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link:hover {
- border-bottom-color: #e2e8f0;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- transform: rotate(90deg);
- }
- .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon {
- transform: rotate(-180deg);
- }
- .p-accordion .p-accordion-tab {
- border-bottom: 1px solid #e2e8f0;
- }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom: 0 none;
- }
-
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.375rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete.p-disabled {
- opacity: 1;
- }
-
- .p-button-label {
- font-weight: 500;
- }
-
- .p-button.p-button-success:enabled:focus-visible {
- outline-color: #22c55e;
- }
- .p-button.p-button-info:enabled:focus-visible {
- outline-color: #0ea5e9;
- }
- .p-button.p-button-warning:enabled:focus-visible {
- outline-color: #f97316;
- }
- .p-button.p-button-help:enabled:focus-visible {
- outline-color: #a855f7;
- }
- .p-button.p-button-danger:enabled:focus-visible {
- outline-color: #ef4444;
- }
- .p-button.p-button-contrast:enabled:focus-visible {
- outline-color: #020617;
- }
- .p-button.p-button-outlined {
- border-color: var(--primary-200);
- }
- .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active {
- border-color: var(--primary-200);
- }
- .p-button.p-button-outlined.p-button-secondary {
- border-color: var(--surface-200);
- color: #64748b;
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover {
- color: #64748b;
- background-color: #f1f5f9;
- border-color: var(--surface-200);
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):active {
- color: #64748b;
- background-color: #e2e8f0;
- border-color: var(--surface-200);
- }
- .p-button.p-button-outlined.p-button-success {
- border-color: #bbf7d0;
- }
- .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active {
- border-color: #bbf7d0;
- }
- .p-button.p-button-outlined.p-button-info {
- border-color: #bae6fd;
- }
- .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active {
- border-color: #bae6fd;
- }
- .p-button.p-button-outlined.p-button-warning {
- border-color: #fed7aa;
- }
- .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active {
- border-color: #fed7aa;
- }
- .p-button.p-button-outlined.p-button-help {
- border-color: #e9d5ff;
- }
- .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active {
- border-color: #e9d5ff;
- }
- .p-button.p-button-outlined.p-button-danger {
- border-color: #fecaca;
- }
- .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active {
- border-color: #fecaca;
- }
- .p-button.p-button-outlined.p-button-contrast {
- border-color: #334155;
- }
- .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active {
- border-color: #334155;
- }
- .p-button.p-button-secondary.p-button-text {
- color: #64748b;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover {
- background: #f1f5f9;
- color: #64748b;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active {
- background: #e2e8f0;
- color: #64748b;
- }
-
- .p-datepicker-buttonbar .p-button {
- padding: 0.25rem 0.75rem;
- font-size: 0.875rem;
- }
-
- .p-datepicker .p-datepicker-group-container + .p-timepicker {
- margin-top: 0.5rem;
- padding-top: 0.5rem;
- }
- .p-datepicker table th {
- font-weight: 500;
- }
-
- .p-card {
- border-radius: 12px;
- display: flex;
- flex-direction: column;
- }
- .p-card .p-card-caption {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-card .p-card-caption .p-card-title,
-.p-card .p-card-caption .p-card-subtitle {
- margin-bottom: 0;
- }
- .p-card .p-card-body {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #3B82F6;
- }
-
- .p-cascadeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-cascadeselect .p-cascadeselect-label {
- box-shadow: none;
- }
- .p-cascadeselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-cascadeselect.p-disabled .p-cascadeselect-label {
- color: #64748b;
- }
-
- div.p-cascadeselect-panel {
- border: 0 none;
- box-shadow: none;
- }
-
- .p-checkbox .p-checkbox-box {
- border-radius: 4px;
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
- border-color: #3B82F6;
- }
- .p-checkbox.p-disabled {
- opacity: 1;
- }
- .p-checkbox.p-disabled .p-checkbox-box {
- background-color: #e2e8f0;
- border: 1px solid #cbd5e1;
- }
- .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {
- color: #64748b;
- }
-
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.375rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips.p-disabled .p-chips-multiple-container {
- opacity: 1;
- background-color: #e2e8f0;
- }
-
- .p-chip {
- border-radius: 16px;
- padding: 0.25rem 0.75rem;
- }
- .p-chip .p-chip-text {
- margin-top: 0;
- margin-bottom: 0;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.375rem;
- }
- .p-chip:has(.p-chip-remove-icon) {
- padding-right: 0.5rem;
- }
- .p-chip img {
- margin-left: -0.5rem;
- }
-
- .p-colorpicker-preview {
- padding: 0;
- }
- .p-colorpicker-preview:enabled:focus {
- outline-offset: 2px;
- }
- .p-colorpicker-preview.p-inputtext.p-disabled {
- opacity: 0.6;
- }
-
- .p-confirm-popup {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #3B82F6;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #3B82F6;
- }
- .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: #bedaff;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight > td {
- border-bottom-color: #bedaff;
- }
-
- .p-dataview-layout-options.p-selectbutton .p-button svg {
- position: relative;
- }
-
- .p-dialog {
- border-radius: 12px;
- background-color: #ffffff;
- }
- .p-dialog.p-dialog-maximized {
- border-radius: 0;
- }
- .p-dialog .p-dialog-header {
- border-top-right-radius: 12px;
- border-top-left-radius: 12px;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
- .p-dialog .p-dialog-footer {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
-
- .p-dropdown {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-dropdown .p-dropdown-label {
- box-shadow: none;
- }
- .p-dropdown.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-dropdown.p-disabled .p-dropdown-label {
- color: #64748b;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- margin-left: -0.375rem;
- margin-right: 0.375rem;
- }
-
- .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: #bedaff;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td {
- border-bottom-color: #bedaff;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover {
- background-color: #EFF6FF;
- color: #1D4ED8;
- }
-
- .p-fieldset {
- padding: 0 1.125rem 1.125rem 1.125rem;
- margin: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text {
- padding: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- color: #64748b;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background-color: #f1f5f9;
- }
- .p-fieldset .p-fieldset-legend {
- border: 0 none;
- padding: 0;
- margin-bottom: 0.375rem;
- }
- .p-fieldset .p-fieldset-legend span {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0;
- }
-
- .p-column-filter-overlay-menu {
- padding: 0.75rem;
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraints {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 0 0 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button {
- margin-bottom: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0;
- }
-
- .p-fileupload .p-fileupload-content {
- border-top: 0 none;
- padding-top: 1.125rem;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #3B82F6;
- }
-
- .p-inline-message-text {
- font-weight: 500;
- }
-
- .p-inline-message {
- backdrop-filter: blur(1.5px);
- }
-
- .p-inline-message.p-inline-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
-
- .p-inline-message.p-inline-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
-
- .p-inline-message.p-inline-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
-
- .p-inline-message.p-inline-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
-
- .p-inline-message.p-inline-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
-
- .p-inline-message.p-inline-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
-
- .p-inputgroup-addon {
- padding: 0.5rem;
- }
-
- .p-inputnumber.p-inputnumber-buttons-stacked {
- position: relative;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- position: absolute;
- top: 1px;
- right: 1px;
- height: calc(100% - 2px);
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #cbd5e1;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up {
- border-left: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down {
- border-right: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #cbd5e1;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up {
- border-bottom: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down {
- border-top: 0 none;
- }
-
- .p-inputswitch .p-inputswitch-slider {
- border: 0 none;
- }
- .p-inputswitch.p-highlight p-inputswitch-slider:before {
- left: 1.25rem;
- transform: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- background: #f87171;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
- background: #ffffff;
- }
-
- .p-inputtext {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
-
- .p-inputtext:disabled {
- opacity: 1;
- background-color: #e2e8f0;
- color: #64748b;
- }
-
- .p-knob svg {
- border-radius: 6px;
- outline-color: transparent;
- transition: outline-color 0.2s;
- }
- .p-knob svg:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-listbox {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-listbox.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-listbox.p-disabled .p-listbox-list .p-listbox-item {
- color: #64748b;
- }
-
- .p-message {
- backdrop-filter: blur(1.5px);
- }
-
- .p-message.p-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-message.p-message-info .p-message-close:focus-visible {
- outline-color: #2563eb;
- }
- .p-message.p-message-info .p-message-close:hover {
- background: #dbeafe;
- }
-
- .p-message.p-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-message.p-message-success .p-message-close:focus-visible {
- outline-color: #16a34a;
- }
- .p-message.p-message-success .p-message-close:hover {
- background: #dcfce7;
- }
-
- .p-message.p-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-message.p-message-warn .p-message-close:focus-visible {
- outline-color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-close:hover {
- background: #fef9c3;
- }
-
- .p-message.p-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-message.p-message-error .p-message-close:focus-visible {
- outline-color: #dc2626;
- }
- .p-message.p-message-error .p-message-close:hover {
- background: #fee2e2;
- }
-
- .p-message.p-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-message.p-message-secondary .p-message-close:focus-visible {
- outline-color: #475569;
- }
- .p-message.p-message-secondary .p-message-close:hover {
- background: #e2e8f0;
- }
-
- .p-message.p-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-message.p-message-contrast .p-message-close:focus-visible {
- outline-color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-close:hover {
- background: #1e293b;
- }
-
- .p-multiselect-panel .p-multiselect-header {
- padding-left: 1rem;
- padding-right: 1rem;
- }
-
- .p-multiselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-multiselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-multiselect.p-disabled .p-multiselect-label {
- color: #64748b;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- border-radius: 4px;
- margin-right: 0.25rem;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.375rem;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header {
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action {
- background: #e2e8f0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #334155;
- padding: 0.5rem 0.75rem;
- font-weight: 600;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover {
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content {
- border-radius: 6px;
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-panel {
- padding: 0.25rem 0.25rem;
- overflow: hidden;
- margin-bottom: 0.75rem;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
-
- .p-password-panel {
- background-color: #ffffff;
- border: 1px solid #e2e8f0;
- padding: 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.75rem;
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength {
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #ef4444;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #f59e0b;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #22c55e;
- }
-
- .p-orderlist-controls .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-orderlist-controls .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-orderlist-controls .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-orderlist-controls .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
-
- .p-orderlist .p-orderlist-header {
- background: #ffffff;
- color: #334155;
- border: 0 none;
- border-bottom: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #64748b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list {
- border: 1px solid #cbd5e1;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- border-radius: 6px;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-organizationchart .p-organizationchart-node-content {
- padding: 0.75rem 1rem;
- border-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid #e2e8f0;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: static;
- }
- .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) {
- padding: 0.75rem 1rem 1.25rem 1rem;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
- border-right: 0 none;
- }
- .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) {
- border-top-right-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) {
- border-left: 1px solid #e2e8f0;
- border-top-left-radius: 6px;
- }
-
- .p-overlaypanel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.75rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- position: absolute;
- top: 0.25rem;
- right: 0.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-overlaypanel .p-overlaypanel-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-panel {
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- background-color: #ffffff;
- }
- .p-panel .p-panel-header,
-.p-panel .p-panel-content,
-.p-panel .p-panel-footer {
- background: transparent;
- border: 0 none;
- }
- .p-panel:has(.p-panel-footer) .p-panel-content {
- padding-bottom: 0.875rem;
- }
-
- .p-picklist-buttons .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-picklist-buttons .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-picklist-buttons .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-picklist-buttons .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
-
- .p-picklist .p-picklist-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #64748b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-picklist .p-picklist-list {
- border: 1px solid #cbd5e1;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- border-radius: 6px;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-progressbar-label {
- font-size: 0.75rem;
- font-weight: 600;
- }
-
- .p-radiobutton .p-radiobutton-box {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box {
- border-color: #3B82F6;
- }
- .p-radiobutton.p-disabled {
- opacity: 1;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box {
- border: 1px solid #cbd5e1;
- background-color: #e2e8f0;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon {
- background-color: #64748b;
- }
-
- .p-rating {
- gap: 0.25rem;
- }
-
- .p-selectbutton .p-button .pi,
-.p-selectbutton .p-button .p-button-label {
- position: relative;
- transition: none;
- }
- .p-selectbutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-selectbutton .p-button.p-highlight::before {
- background: #ffffff;
- border-color: #ffffff;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-selectbutton .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-selectbutton .p-button.p-disabled {
- opacity: 1;
- color: #94a3b8;
- }
- .p-selectbutton.p-invalid {
- box-shadow: 0 0 0 1px #f87171;
- border-radius: 6px;
- }
- .p-selectbutton.p-invalid > .p-button {
- border: 1px solid #f1f5f9;
- }
- .p-selectbutton.p-disabled {
- opacity: 1;
- }
- .p-selectbutton.p-disabled .p-button {
- color: #94a3b8;
- }
-
- .p-slider .p-slider-handle {
- display: flex !important;
- justify-content: center;
- align-items: center;
- }
- .p-slider .p-slider-handle::before {
- content: "";
- width: 16px;
- height: 16px;
- display: block;
- background-color: #ffffff;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline-color: #9dc1fb;
- }
-
- .p-speeddial-button.p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-splitter-gutter-handle {
- border-radius: 6px;
- }
-
- .p-stepper .p-stepper-header .p-stepper-number {
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #ffffff;
- color: #3B82F6;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #3B82F6;
- }
-
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- border-width: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-steps-number {
- position: relative;
- font-weight: 500;
- }
- .p-steps .p-steps-item .p-steps-number::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #ffffff;
- color: #3B82F6;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- color: #3B82F6;
- }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1;
- }
- .p-steps .p-steps-item:before {
- border-top-width: 2px;
- margin-top: calc(-1rem + 1px);
- }
- .p-steps .p-steps-item:first-child::before {
- width: calc(50% + 1rem);
- transform: translateX(100%);
- }
- .p-steps .p-steps-item:last-child::before {
- width: 50%;
- }
-
- .p-tabmenu .p-tabmenu-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: -1px;
- height: 1px;
- background-color: #3B82F6;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabmenu .p-tabmenu-nav {
- position: relative;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-tabview .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 1px;
- background-color: #3B82F6;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabview .p-tabview-nav {
- position: relative;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6);
- }
- .p-tabview .p-tabview-nav-btn.p-link:hover {
- color: #475569;
- }
-
- .p-tag {
- background: var(--primary-100);
- color: var(--primary-700);
- }
- .p-tag.p-tag-success {
- background: var(--green-100);
- color: var(--green-700);
- }
- .p-tag.p-tag-info {
- background: var(--blue-100);
- color: var(--blue-700);
- }
- .p-tag.p-tag-warning {
- background: var(--orange-100);
- color: var(--orange-700);
- }
- .p-tag.p-tag-danger {
- background: var(--red-100);
- color: var(--red-700);
- }
-
- .p-terminal {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- }
- .p-terminal .p-terminal-prompt {
- margin-right: 0.25rem;
- }
- .p-terminal .p-terminal-response {
- margin: 2px 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- position: relative;
- }
- .p-timeline .p-timeline-event-marker::before {
- content: " ";
- border-radius: 50%;
- width: 0.375rem;
- height: 0.375rem;
- background-color: #3B82F6;
- }
- .p-timeline .p-timeline-event-marker::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-toast .p-toast-message {
- backdrop-filter: blur(1.5px);
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- font-size: 0.875rem;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.75rem;
- height: 1.75rem;
- margin-top: -25%;
- right: -25%;
- position: relative;
- }
-
- .p-toast .p-toast-message.p-toast-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- outline-color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
- background: #dbeafe;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- outline-color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
- background: #dcfce7;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- outline-color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
- background: #fef9c3;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
- background: #fee2e2;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover {
- background: #e2e8f0;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover {
- background: #1e293b;
- }
-
- .p-togglebutton .p-button .p-button-label,
-.p-togglebutton .p-button .p-button-icon {
- position: relative;
- transition: none;
- }
- .p-togglebutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-togglebutton.p-highlight .p-button::before {
- background: #ffffff;
- border-color: #ffffff;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-togglebutton.p-disabled {
- opacity: 1;
- }
- .p-togglebutton.p-disabled .p-button {
- color: #94a3b8;
- }
- .p-togglebutton.p-disabled .p-button .p-button-icon {
- color: #94a3b8;
- }
-
- .p-toolbar {
- padding: 0.75rem;
- }
-
- .p-tree {
- border: 0 none;
- padding: 1rem;
- }
- .p-tree .p-tree-container .p-treenode {
- margin: 2px 0;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline-offset: -2px;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover {
- background-color: #EFF6FF;
- }
- .p-tree .p-tree-container > .p-treenode:first-child {
- margin-top: 0;
- }
- .p-tree .p-tree-container > .p-treenode:last-child {
- margin-bottom: 0;
- }
-
- .p-treeselect-panel .p-tree {
- padding: 0.25rem 0.25rem;
- }
-
- .p-treeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-treeselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-treeselect.p-disabled .p-treeselect-label {
- color: #64748b;
- }
-}
diff --git a/public/themes/aura-light-cyan/fonts/Inter-italic.var.woff2 b/public/themes/aura-light-cyan/fonts/Inter-italic.var.woff2
deleted file mode 100644
index b826d5a..0000000
Binary files a/public/themes/aura-light-cyan/fonts/Inter-italic.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-light-cyan/fonts/Inter-roman.var.woff2 b/public/themes/aura-light-cyan/fonts/Inter-roman.var.woff2
deleted file mode 100644
index 6a256a0..0000000
Binary files a/public/themes/aura-light-cyan/fonts/Inter-roman.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-light-cyan/theme.css b/public/themes/aura-light-cyan/theme.css
deleted file mode 100644
index d16bc33..0000000
--- a/public/themes/aura-light-cyan/theme.css
+++ /dev/null
@@ -1,12111 +0,0 @@
-:root {
- font-family: "Inter var", sans-serif;
- font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- font-variation-settings: normal;
- --font-family: "Inter var", sans-serif;
- --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- --text-color: #334155;
- --text-color-secondary: #64748b;
- --primary-color: #06b6d4;
- --primary-color-text: #ffffff;
- --surface-0: #ffffff;
- --surface-50: #f8fafc;
- --surface-100: #f1f5f9;
- --surface-200: #e2e8f0;
- --surface-300: #cbd5e1;
- --surface-400: #94a3b8;
- --surface-500: #64748b;
- --surface-600: #475569;
- --surface-700: #334155;
- --surface-800: #1e293b;
- --surface-900: #0f172a;
- --surface-950: #020617;
- --gray-0: #ffffff;
- --gray-50: #f8fafc;
- --gray-100: #f1f5f9;
- --gray-200: #e2e8f0;
- --gray-300: #cbd5e1;
- --gray-400: #94a3b8;
- --gray-500: #64748b;
- --gray-600: #475569;
- --gray-700: #334155;
- --gray-800: #1e293b;
- --gray-900: #0f172a;
- --gray-950: #020617;
- --content-padding: 1.125rem;
- --inline-spacing: 0.5rem;
- --border-radius: 6px;
- --surface-ground: #f8fafc;
- --surface-section: #ffffff;
- --surface-card: #ffffff;
- --surface-overlay: #ffffff;
- --surface-border: #e2e8f0;
- --surface-hover: #f1f5f9;
- --focus-ring: none;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #ecfeff;
- --highlight-text-color: #0e7490;
- --p-anchor-gutter: 2px;
- color-scheme: light;
-}
-
-:root {
- --p-focus-ring-color: var(--primary-color);
-}
-
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: normal;
- font-named-instance: "Regular";
- src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
-}
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: italic;
- font-named-instance: "Italic";
- src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
-}
-:root {
- --blue-50:#f5f9ff;
- --blue-100:#d0e1fd;
- --blue-200:#abc9fb;
- --blue-300:#85b2f9;
- --blue-400:#609af8;
- --blue-500:#3b82f6;
- --blue-600:#326fd1;
- --blue-700:#295bac;
- --blue-800:#204887;
- --blue-900:#183462;
- --green-50:#f4fcf7;
- --green-100:#caf1d8;
- --green-200:#a0e6ba;
- --green-300:#76db9b;
- --green-400:#4cd07d;
- --green-500:#22c55e;
- --green-600:#1da750;
- --green-700:#188a42;
- --green-800:#136c34;
- --green-900:#0e4f26;
- --yellow-50:#fefbf3;
- --yellow-100:#faedc4;
- --yellow-200:#f6de95;
- --yellow-300:#f2d066;
- --yellow-400:#eec137;
- --yellow-500:#eab308;
- --yellow-600:#c79807;
- --yellow-700:#a47d06;
- --yellow-800:#816204;
- --yellow-900:#5e4803;
- --cyan-50:#f3fbfd;
- --cyan-100:#c3edf5;
- --cyan-200:#94e0ed;
- --cyan-300:#65d2e4;
- --cyan-400:#35c4dc;
- --cyan-500:#06b6d4;
- --cyan-600:#059bb4;
- --cyan-700:#047f94;
- --cyan-800:#036475;
- --cyan-900:#024955;
- --pink-50:#fef6fa;
- --pink-100:#fad3e7;
- --pink-200:#f7b0d3;
- --pink-300:#f38ec0;
- --pink-400:#f06bac;
- --pink-500:#ec4899;
- --pink-600:#c93d82;
- --pink-700:#a5326b;
- --pink-800:#822854;
- --pink-900:#5e1d3d;
- --indigo-50:#f7f7fe;
- --indigo-100:#dadafc;
- --indigo-200:#bcbdf9;
- --indigo-300:#9ea0f6;
- --indigo-400:#8183f4;
- --indigo-500:#6366f1;
- --indigo-600:#5457cd;
- --indigo-700:#4547a9;
- --indigo-800:#363885;
- --indigo-900:#282960;
- --teal-50:#f3fbfb;
- --teal-100:#c7eeea;
- --teal-200:#9ae0d9;
- --teal-300:#6dd3c8;
- --teal-400:#41c5b7;
- --teal-500:#14b8a6;
- --teal-600:#119c8d;
- --teal-700:#0e8174;
- --teal-800:#0b655b;
- --teal-900:#084a42;
- --orange-50:#fff8f3;
- --orange-100:#feddc7;
- --orange-200:#fcc39b;
- --orange-300:#fba86f;
- --orange-400:#fa8e42;
- --orange-500:#f97316;
- --orange-600:#d46213;
- --orange-700:#ae510f;
- --orange-800:#893f0c;
- --orange-900:#642e09;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dadee3;
- --bluegray-200:#bcc3cd;
- --bluegray-300:#9fa9b7;
- --bluegray-400:#818ea1;
- --bluegray-500:#64748b;
- --bluegray-600:#556376;
- --bluegray-700:#465161;
- --bluegray-800:#37404c;
- --bluegray-900:#282e38;
- --purple-50:#fbf7ff;
- --purple-100:#ead6fd;
- --purple-200:#dab6fc;
- --purple-300:#c996fa;
- --purple-400:#b975f9;
- --purple-500:#a855f7;
- --purple-600:#8f48d2;
- --purple-700:#763cad;
- --purple-800:#5c2f88;
- --purple-900:#432263;
- --red-50:#fff5f5;
- --red-100:#ffd0ce;
- --red-200:#ffaca7;
- --red-300:#ff8780;
- --red-400:#ff6259;
- --red-500:#ff3d32;
- --red-600:#d9342b;
- --red-700:#b32b23;
- --red-800:#8c221c;
- --red-900:#661814;
- --primary-50:#f3fbfd;
- --primary-100:#c3edf5;
- --primary-200:#94e0ed;
- --primary-300:#65d2e4;
- --primary-400:#35c4dc;
- --primary-500:#06b6d4;
- --primary-600:#059bb4;
- --primary-700:#047f94;
- --primary-800:#036475;
- --primary-900:#024955;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #ffffff;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #e2e8f0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- padding: 0.25rem 0.25rem;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #1e293b;
- background: #f1f5f9;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 0.75rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #e2e8f0;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #06b6d4;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #06b6d4;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #06b6d4;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #06b6d4;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.6;
- }
-
- .p-error {
- color: #f87171;
- }
-
- .p-text-secondary {
- color: #64748b;
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.25rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #94a3b8;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #e2e8f0;
- color: #0f172a;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-autocomplete-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.25rem 0.25rem;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #0e7490;
- background: #ecfeff;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(6, 182, 212, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
-
- .p-datepicker {
- padding: 0.75rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0 0 0.5rem 0;
- color: #334155;
- background: #ffffff;
- font-weight: 500;
- margin: 0 0 0 0;
- border-bottom: 1px solid #e2e8f0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 1.75rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-weight: 500;
- padding: 0.25rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #06b6d4;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker table th {
- padding: 0.25rem;
- }
- .p-datepicker table th > span {
- width: 2rem;
- height: 2rem;
- }
- .p-datepicker table td {
- padding: 0.25rem;
- }
- .p-datepicker table td > span {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: #0e7490;
- background: #ecfeff;
- }
- .p-datepicker table td > span:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #e2e8f0;
- color: #0f172a;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #0e7490;
- background: #ecfeff;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.5rem 0 0 0;
- border-top: 1px solid #e2e8f0;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #e2e8f0;
- padding: 0;
- }
- .p-datepicker .p-timepicker button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #0e7490;
- background: #ecfeff;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #0e7490;
- background: #ecfeff;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #e2e8f0;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0.25rem;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #f8fafc;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #f8fafc;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #64748b;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-cascadeselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #0e7490;
- background: #ecfeff;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(6, 182, 212, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #cbd5e1;
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- color: #334155;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 0.875rem;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #06b6d4;
- background: #06b6d4;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #94a3b8;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #0891b2;
- background: #0891b2;
- color: #ffffff;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #f87171;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #06b6d4;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #0891b2;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #06b6d4;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #0891b2;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #94a3b8;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #e2e8f0;
- color: #0f172a;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-colorpicker-panel {
- background: #323232;
- border: 1px solid #191919;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff;
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-dropdown.p-variant-filled {
- background: #f8fafc;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #64748b;
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #94a3b8;
- right: 2.5rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-dropdown-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.25rem 0.25rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #0e7490;
- background: #ecfeff;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(6, 182, 212, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #ffffff;
- color: #64748b;
- border-top: 1px solid #cbd5e1;
- border-left: 1px solid #cbd5e1;
- border-bottom: 1px solid #cbd5e1;
- padding: 0.5rem 0.75rem;
- min-width: 2.5rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #cbd5e1;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.5rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: #94a3b8;
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: #94a3b8;
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #f8fafc;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #f8fafc;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 2.5rem;
- height: 1.5rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1rem;
- height: 1rem;
- left: 0.25rem;
- margin-top: -0.5rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #06b6d4;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #ffffff;
- transform: translateX(1rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #94a3b8;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #0891b2;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #f87171;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- background: #ffffff;
- padding: 0.5rem 0.75rem;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- appearance: none;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #94a3b8;
- }
- .p-inputtext:enabled:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #f87171;
- }
- .p-inputtext.p-variant-filled {
- background-color: #f8fafc;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #f8fafc;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: #64748b;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #f87171;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: #64748b;
- }
-
- :-moz-placeholder {
- color: #64748b;
- }
-
- ::-moz-placeholder {
- color: #64748b;
- }
-
- :-ms-input-placeholder {
- color: #64748b;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #f8fafc;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #f8fafc;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-listbox .p-listbox-list {
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #0e7490;
- background: #ecfeff;
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(6, 182, 212, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-listbox.p-invalid {
- border-color: #f87171;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-multiselect.p-variant-filled {
- background: #f8fafc;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #64748b;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #0e7490;
- background: #ecfeff;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(6, 182, 212, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-password-panel {
- padding: 0 1.125rem 1.125rem 1.125rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #e2e8f0;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #ef4444;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #f59e0b;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #22c55e;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #cbd5e1;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #cbd5e1;
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- color: #334155;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 0.75rem;
- height: 0.75rem;
- transition-duration: 0.2s;
- background-color: #06b6d4;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #06b6d4;
- background: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #94a3b8;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #0891b2;
- background: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #0891b2;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #f87171;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-size: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f87171;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #06b6d4;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #06b6d4;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #ef4444;
- }
-
- .p-selectbutton .p-button {
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #64748b;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #334155;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #334155;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #0f172a;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #f87171;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #e2e8f0;
- border: 0 none;
- border-radius: 6px;
- }
- .p-slider.p-slider-horizontal {
- height: 3px;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px;
- }
- .p-slider.p-slider-vertical {
- width: 3px;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px;
- }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #e2e8f0;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-slider .p-slider-range {
- background: #06b6d4;
- border-radius: 6px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #e2e8f0;
- border-color: transparent;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-treeselect.p-variant-filled {
- background: #f8fafc;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #64748b;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #f8fafc;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #f1f5f9;
- border-radius: 6px;
- }
- .p-togglebutton .p-button {
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #64748b;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #334155;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #334155;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #f87171;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #ffffff;
- background: #06b6d4;
- border: 1px solid #06b6d4;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #0891b2;
- color: #ffffff;
- border-color: #0891b2;
- }
- .p-button:not(:disabled):active {
- background: #0e7490;
- color: #ffffff;
- border-color: #0e7490;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #06b6d4;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(6, 182, 212, 0.04);
- color: #06b6d4;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(6, 182, 212, 0.16);
- color: #06b6d4;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #334155;
- border-color: #334155;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: #f1f5f9;
- color: #334155;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: #e2e8f0;
- color: #334155;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #06b6d4;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(6, 182, 212, 0.04);
- color: #06b6d4;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(6, 182, 212, 0.16);
- color: #06b6d4;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #334155;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: #f1f5f9;
- color: #334155;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: #e2e8f0;
- color: #334155;
- }
- .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #06b6d4;
- background-color: #ffffff;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.5rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.5rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.5rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(241, 245, 249, 0.04);
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(241, 245, 249, 0.16);
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #f1f5f9;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(241, 245, 249, 0.04);
- border-color: transparent;
- color: #f1f5f9;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(241, 245, 249, 0.16);
- border-color: transparent;
- color: #f1f5f9;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #ffffff;
- background: #0ea5e9;
- border: 1px solid #0ea5e9;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #0284c7;
- color: #ffffff;
- border-color: #0284c7;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #0369a1;
- color: #ffffff;
- border-color: #0369a1;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(14, 165, 233, 0.04);
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(14, 165, 233, 0.16);
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #0ea5e9;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(14, 165, 233, 0.04);
- border-color: transparent;
- color: #0ea5e9;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(14, 165, 233, 0.16);
- border-color: transparent;
- color: #0ea5e9;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #ffffff;
- background: #22c55e;
- border: 1px solid #22c55e;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #16a34a;
- color: #ffffff;
- border-color: #16a34a;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #15803d;
- color: #ffffff;
- border-color: #15803d;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(34, 197, 94, 0.04);
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(34, 197, 94, 0.16);
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #22c55e;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(34, 197, 94, 0.04);
- border-color: transparent;
- color: #22c55e;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(34, 197, 94, 0.16);
- border-color: transparent;
- color: #22c55e;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #ffffff;
- background: #f97316;
- border: 1px solid #f97316;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ea580c;
- color: #ffffff;
- border-color: #ea580c;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #c2410c;
- color: #ffffff;
- border-color: #c2410c;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(249, 115, 22, 0.04);
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(249, 115, 22, 0.16);
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #f97316;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(249, 115, 22, 0.04);
- border-color: transparent;
- color: #f97316;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(249, 115, 22, 0.16);
- border-color: transparent;
- color: #f97316;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #ffffff;
- background: #a855f7;
- border: 1px solid #a855f7;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #9333ea;
- color: #ffffff;
- border-color: #9333ea;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #7e22ce;
- color: #ffffff;
- border-color: #7e22ce;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(168, 85, 247, 0.04);
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(168, 85, 247, 0.16);
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #a855f7;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(168, 85, 247, 0.04);
- border-color: transparent;
- color: #a855f7;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(168, 85, 247, 0.16);
- border-color: transparent;
- color: #a855f7;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #ffffff;
- background: #ef4444;
- border: 1px solid #ef4444;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #dc2626;
- color: #ffffff;
- border-color: #dc2626;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #b91c1c;
- color: #ffffff;
- border-color: #b91c1c;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(239, 68, 68, 0.04);
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(239, 68, 68, 0.16);
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #ef4444;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(239, 68, 68, 0.04);
- border-color: transparent;
- color: #ef4444;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(239, 68, 68, 0.16);
- border-color: transparent;
- color: #ef4444;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #ffffff;
- background: #020617;
- border: 1px solid #020617;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #1e293b;
- color: #ffffff;
- border-color: #1e293b;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #334155;
- color: #ffffff;
- border-color: #334155;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(2, 6, 23, 0.04);
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(2, 6, 23, 0.16);
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #020617;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(2, 6, 23, 0.04);
- border-color: transparent;
- color: #020617;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(2, 6, 23, 0.16);
- border-color: transparent;
- color: #020617;
- }
-
- .p-button.p-button-link {
- color: #0891b2;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #0891b2;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #0891b2;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-speeddial-action {
- width: 2.5rem;
- height: 2.5rem;
- background: #f1f5f9;
- color: #475569;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-speeddial-action:hover {
- background: #e2e8f0;
- color: #334155;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 6px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 6px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #e2e8f0;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #cbd5e1;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #ecfeff;
- color: #0e7490;
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #64748b;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: #0e7490;
- background: #ecfeff;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #475569;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #ecfeff;
- color: #0e7490;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #0e7490;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #ecfeff;
- color: #0e7490;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #0e7490;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: 0 none;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #ffffff;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #ecfeff;
- color: #0e7490;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #ecfeff;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #ecfeff;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-datatable .p-column-resizer-helper {
- background: #06b6d4;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #ffffff;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #f8fafc;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: #ecfeff;
- color: #0e7490;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: #0e7490;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: #0e7490;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #ffffff;
- color: #334155;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: #f1f5f9;
- color: #475569;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #ecfeff;
- color: #0e7490;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-clear-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-overlay {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.25rem 0.25rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #0e7490;
- background: #ecfeff;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-bottom: 1px solid #e2e8f0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-orderlist .p-orderlist-header {
- color: #334155;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: #334155;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #e2e8f0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #0e7490;
- background: #ecfeff;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(6, 182, 212, 0.24);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #f8fafc;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: #f1f5f9;
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #ecfeff;
- color: #0e7490;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #6df7ff;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #e2e8f0;
- border-color: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #e2e8f0;
- border-color: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #ffffff;
- color: #334155;
- border: solid #e2e8f0;
- border-width: 0;
- padding: 0.5rem 1rem;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: transparent;
- color: #475569;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 50%;
- border-bottom-left-radius: 50%;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 50%;
- border-bottom-right-radius: 50%;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.5rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.5rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #ecfeff;
- border-color: #ecfeff;
- color: #0e7490;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: transparent;
- color: #475569;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-picklist .p-picklist-header {
- color: #334155;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: #334155;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #e2e8f0;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #0e7490;
- background: #ecfeff;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(6, 182, 212, 0.24);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #f8fafc;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: #f1f5f9;
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #e2e8f0;
- border-radius: 50%;
- width: 1.125rem;
- height: 1.125rem;
- background-color: #ffffff;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #e2e8f0;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-radius: 6px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0 0;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- padding: 0.25rem 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #475569;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #334155;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #ecfeff;
- color: #0e7490;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #0e7490;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #0e7490;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- }
- .p-treetable .p-sortable-column {
- outline-color: var(--p-focus-ring-color);
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #64748b;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: #0e7490;
- background: #ecfeff;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #475569;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #ecfeff;
- color: #0e7490;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #0e7490;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #ffffff;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #334155;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #ecfeff;
- color: #0e7490;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #0e7490;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #0e7490;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #1e293b;
- }
- .p-treetable .p-column-resizer-helper {
- background: #06b6d4;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #ffffff;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #64748b;
- background: #ffffff;
- font-weight: 600;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #e2e8f0;
- background: #ffffff;
- color: #334155;
- }
- .p-accordion .p-accordion-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-card {
- background: #ffffff;
- color: #334155;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-card .p-card-body {
- padding: 1.5rem;
- }
- .p-card .p-card-title {
- font-size: 1.25rem;
- font-weight: 600;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #64748b;
- }
- .p-card .p-card-content {
- padding: 0 0 0 0;
- }
- .p-card .p-card-footer {
- padding: 0 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-radius: 6px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- background: #ffffff;
- font-weight: 600;
- border-radius: 6px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1.125rem;
- color: #334155;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: #1e293b;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #ffffff;
- border-color: #ffffff;
- color: #1e293b;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #ffffff;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #e2e8f0;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #e2e8f0;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #e2e8f0;
- padding: 1.125rem;
- background: #ffffff;
- color: #334155;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.75rem 1.125rem;
- }
- .p-panel .p-panel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panel .p-panel-footer {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #f1f5f9;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- border-radius: 6px;
- color: #334155;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- background: #e2e8f0;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #e2e8f0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #e2e8f0;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #64748b;
- border: 1px solid #e2e8f0;
- border-width: 2px;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #334155;
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #ecfeff;
- color: #0e7490;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #334155;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #06b6d4;
- }
- .p-stepper .p-stepper-panels {
- background: #ffffff;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- color: #334155;
- }
- .p-stepper .p-stepper-separator {
- background-color: #e2e8f0;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #ffffff;
- color: #334155;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #06b6d4;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #e2e8f0;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #e2e8f0 transparent;
- background: #ffffff;
- color: #64748b;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #06b6d4;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #ffffff;
- color: #06b6d4;
- width: 2.5rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-panels {
- background: #ffffff;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- padding: 1.125rem;
- border-radius: 6px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(226, 232, 240, 0);
- border-bottom-color: #d3dce8;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #e2e8f0;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- border: 1px solid #e2e8f0;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 1.5rem;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #334155;
- padding: 0 1.5rem 1.5rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #06b6d4;
- color: #ffffff;
- width: 1.75rem;
- height: 1.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -0.875rem;
- right: -0.875rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #0891b2;
- color: #ffffff;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(226, 232, 240, 0);
- border-bottom-color: #d3dce8;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #e2e8f0;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1.125rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #334155;
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #334155;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #334155;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #334155;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #334155;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #ffffff;
- padding: 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fileupload .p-fileupload-content {
- background: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #06b6d4;
- background-color: #ecfeff;
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #0891b2;
- color: #ffffff;
- border-color: #0891b2;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #0e7490;
- color: #ffffff;
- border-color: #0e7490;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #ffffff;
- border: 0 none;
- border-radius: 6px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #94a3b8;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #334155;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #94a3b8;
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-contextmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #0e7490;
- background: #ecfeff;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #0e7490;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0e7490;
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(6, 182, 212, 0.24);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 6px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-dock .p-dock-link {
- width: 3rem;
- height: 3rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem 0.5rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 2px 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #0e7490;
- background: #ecfeff;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #0e7490;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0e7490;
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(6, 182, 212, 0.24);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0.25rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #94a3b8;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 2px 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #0e7490;
- background: #ecfeff;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #0e7490;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0e7490;
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(6, 182, 212, 0.24);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem 0.5rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem {
- margin: 2px 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #0e7490;
- background: #ecfeff;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #0e7490;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0e7490;
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(6, 182, 212, 0.24);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- border-radius: 6px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #94a3b8;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.5rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 0 none;
- color: #64748b;
- background: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #64748b;
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #e2e8f0;
- background: #ffffff;
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0.25rem;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #0e7490;
- background: #ecfeff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #0e7490;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0e7490;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(6, 182, 212, 0.24);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #64748b;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #334155;
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #ecfeff;
- color: #0e7490;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 500;
- color: #334155;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #e2e8f0;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #e2e8f0;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #e2e8f0 transparent;
- background: #ffffff;
- color: #64748b;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #06b6d4;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #0e7490;
- background: #ecfeff;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #0e7490;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0e7490;
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(6, 182, 212, 0.24);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.75rem;
- margin: 0;
- border-radius: 6px;
- }
- .p-inline-message.p-inline-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #2563eb;
- }
- .p-inline-message.p-inline-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #16a34a;
- }
- .p-inline-message.p-inline-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #ca8a04;
- }
- .p-inline-message.p-inline-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #dc2626;
- }
- .p-inline-message.p-inline-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-inline-message.p-inline-message-secondary .p-inline-message-icon {
- color: #475569;
- }
- .p-inline-message.p-inline-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-inline-message.p-inline-message-contrast .p-inline-message-icon {
- color: #f8fafc;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 6px;
- }
- .p-message .p-message-wrapper {
- padding: 0.5rem 0.75rem;
- }
- .p-message .p-message-close {
- width: 1.75rem;
- height: 1.75rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-message.p-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-message.p-message-info .p-message-icon {
- color: #2563eb;
- }
- .p-message.p-message-info .p-message-close {
- color: #2563eb;
- }
- .p-message.p-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-message.p-message-success .p-message-icon {
- color: #16a34a;
- }
- .p-message.p-message-success .p-message-close {
- color: #16a34a;
- }
- .p-message.p-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-close {
- color: #ca8a04;
- }
- .p-message.p-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-message.p-message-error .p-message-icon {
- color: #dc2626;
- }
- .p-message.p-message-error .p-message-close {
- color: #dc2626;
- }
- .p-message.p-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-message.p-message-secondary .p-message-icon {
- color: #475569;
- }
- .p-message.p-message-secondary .p-message-close {
- color: #475569;
- }
- .p-message.p-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-icon {
- color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-close {
- color: #f8fafc;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1rem;
- height: 1rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 0.75rem;
- border-width: 1px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 1.125rem;
- height: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 500;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.125rem;
- height: 1.125rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- color: #475569;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- color: #f8fafc;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #f1f5f9;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #f1f5f9;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #f1f5f9;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #e2e8f0;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #cbd5e1;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #ecfeff;
- color: #0e7490;
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #ecfeff;
- color: #0e7490;
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f1f5f9;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #f8fafc;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #f8fafc;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #ffffff;
- background-color: rgba(255, 255, 255, 0.1);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #e2e8f0;
- border-radius: 6px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #ffffff;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #06b6d4;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-badge.p-badge-success {
- background-color: #22c55e;
- color: #ffffff;
- }
- .p-badge.p-badge-info {
- background-color: #0ea5e9;
- color: #ffffff;
- }
- .p-badge.p-badge-warning {
- background-color: #f97316;
- color: #ffffff;
- }
- .p-badge.p-badge-danger {
- background-color: #ef4444;
- color: #ffffff;
- }
- .p-badge.p-badge-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-badge.p-badge-contrast {
- background-color: #020617;
- color: #ffffff;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 6px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #06b6d4;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #06b6d4;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.25rem;
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #06b6d4;
- }
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.25rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #dc2626;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #dc2626;
- }
- 40% {
- stroke: #2563eb;
- }
- 66% {
- stroke: #16a34a;
- }
- 80%, 90% {
- stroke: #ca8a04;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7);
- }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8);
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #f8fafc;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: #e2e8f0;
- border-radius: 6px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #06b6d4;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
- }
- .p-tag.p-tag-success {
- background-color: #22c55e;
- color: #ffffff;
- }
- .p-tag.p-tag-info {
- background-color: #0ea5e9;
- color: #ffffff;
- }
- .p-tag.p-tag-warning {
- background-color: #f97316;
- color: #ffffff;
- }
- .p-tag.p-tag-danger {
- background-color: #ef4444;
- color: #ffffff;
- }
- .p-tag.p-tag-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-tag.p-tag-contrast {
- background-color: #020617;
- color: #ffffff;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primevue {
- .p-accordion .p-accordion-header .p-accordion-header-link {
- border-radius: 6px !important;
- flex-direction: row-reverse;
- justify-content: space-between;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link:hover {
- border-bottom-color: #e2e8f0;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- transform: rotate(90deg);
- }
- .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon {
- transform: rotate(-180deg);
- }
- .p-accordion .p-accordion-tab {
- border-bottom: 1px solid #e2e8f0;
- }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom: 0 none;
- }
-
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.375rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete.p-disabled {
- opacity: 1;
- }
-
- .p-button-label {
- font-weight: 500;
- }
-
- .p-button.p-button-success:enabled:focus-visible {
- outline-color: #22c55e;
- }
- .p-button.p-button-info:enabled:focus-visible {
- outline-color: #0ea5e9;
- }
- .p-button.p-button-warning:enabled:focus-visible {
- outline-color: #f97316;
- }
- .p-button.p-button-help:enabled:focus-visible {
- outline-color: #a855f7;
- }
- .p-button.p-button-danger:enabled:focus-visible {
- outline-color: #ef4444;
- }
- .p-button.p-button-contrast:enabled:focus-visible {
- outline-color: #020617;
- }
- .p-button.p-button-outlined {
- border-color: var(--primary-200);
- }
- .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active {
- border-color: var(--primary-200);
- }
- .p-button.p-button-outlined.p-button-secondary {
- border-color: var(--surface-200);
- color: #64748b;
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover {
- color: #64748b;
- background-color: #f1f5f9;
- border-color: var(--surface-200);
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):active {
- color: #64748b;
- background-color: #e2e8f0;
- border-color: var(--surface-200);
- }
- .p-button.p-button-outlined.p-button-success {
- border-color: #bbf7d0;
- }
- .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active {
- border-color: #bbf7d0;
- }
- .p-button.p-button-outlined.p-button-info {
- border-color: #bae6fd;
- }
- .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active {
- border-color: #bae6fd;
- }
- .p-button.p-button-outlined.p-button-warning {
- border-color: #fed7aa;
- }
- .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active {
- border-color: #fed7aa;
- }
- .p-button.p-button-outlined.p-button-help {
- border-color: #e9d5ff;
- }
- .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active {
- border-color: #e9d5ff;
- }
- .p-button.p-button-outlined.p-button-danger {
- border-color: #fecaca;
- }
- .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active {
- border-color: #fecaca;
- }
- .p-button.p-button-outlined.p-button-contrast {
- border-color: #334155;
- }
- .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active {
- border-color: #334155;
- }
- .p-button.p-button-secondary.p-button-text {
- color: #64748b;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover {
- background: #f1f5f9;
- color: #64748b;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active {
- background: #e2e8f0;
- color: #64748b;
- }
-
- .p-datepicker-buttonbar .p-button {
- padding: 0.25rem 0.75rem;
- font-size: 0.875rem;
- }
-
- .p-datepicker .p-datepicker-group-container + .p-timepicker {
- margin-top: 0.5rem;
- padding-top: 0.5rem;
- }
- .p-datepicker table th {
- font-weight: 500;
- }
-
- .p-card {
- border-radius: 12px;
- display: flex;
- flex-direction: column;
- }
- .p-card .p-card-caption {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-card .p-card-caption .p-card-title,
-.p-card .p-card-caption .p-card-subtitle {
- margin-bottom: 0;
- }
- .p-card .p-card-body {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #06b6d4;
- }
-
- .p-cascadeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-cascadeselect .p-cascadeselect-label {
- box-shadow: none;
- }
- .p-cascadeselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-cascadeselect.p-disabled .p-cascadeselect-label {
- color: #64748b;
- }
-
- div.p-cascadeselect-panel {
- border: 0 none;
- box-shadow: none;
- }
-
- .p-checkbox .p-checkbox-box {
- border-radius: 4px;
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
- border-color: #06b6d4;
- }
- .p-checkbox.p-disabled {
- opacity: 1;
- }
- .p-checkbox.p-disabled .p-checkbox-box {
- background-color: #e2e8f0;
- border: 1px solid #cbd5e1;
- }
- .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {
- color: #64748b;
- }
-
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.375rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips.p-disabled .p-chips-multiple-container {
- opacity: 1;
- background-color: #e2e8f0;
- }
-
- .p-chip {
- border-radius: 16px;
- padding: 0.25rem 0.75rem;
- }
- .p-chip .p-chip-text {
- margin-top: 0;
- margin-bottom: 0;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.375rem;
- }
- .p-chip:has(.p-chip-remove-icon) {
- padding-right: 0.5rem;
- }
- .p-chip img {
- margin-left: -0.5rem;
- }
-
- .p-colorpicker-preview {
- padding: 0;
- }
- .p-colorpicker-preview:enabled:focus {
- outline-offset: 2px;
- }
- .p-colorpicker-preview.p-inputtext.p-disabled {
- opacity: 0.6;
- }
-
- .p-confirm-popup {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #06b6d4;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #06b6d4;
- }
- .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: #bbfbff;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight > td {
- border-bottom-color: #bbfbff;
- }
-
- .p-dataview-layout-options.p-selectbutton .p-button svg {
- position: relative;
- }
-
- .p-dialog {
- border-radius: 12px;
- background-color: #ffffff;
- }
- .p-dialog.p-dialog-maximized {
- border-radius: 0;
- }
- .p-dialog .p-dialog-header {
- border-top-right-radius: 12px;
- border-top-left-radius: 12px;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
- .p-dialog .p-dialog-footer {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
-
- .p-dropdown {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-dropdown .p-dropdown-label {
- box-shadow: none;
- }
- .p-dropdown.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-dropdown.p-disabled .p-dropdown-label {
- color: #64748b;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- margin-left: -0.375rem;
- margin-right: 0.375rem;
- }
-
- .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: #bbfbff;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td {
- border-bottom-color: #bbfbff;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover {
- background-color: #ecfeff;
- color: #0e7490;
- }
-
- .p-fieldset {
- padding: 0 1.125rem 1.125rem 1.125rem;
- margin: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text {
- padding: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- color: #64748b;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background-color: #f1f5f9;
- }
- .p-fieldset .p-fieldset-legend {
- border: 0 none;
- padding: 0;
- margin-bottom: 0.375rem;
- }
- .p-fieldset .p-fieldset-legend span {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0;
- }
-
- .p-column-filter-overlay-menu {
- padding: 0.75rem;
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraints {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 0 0 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button {
- margin-bottom: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0;
- }
-
- .p-fileupload .p-fileupload-content {
- border-top: 0 none;
- padding-top: 1.125rem;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #06b6d4;
- }
-
- .p-inline-message-text {
- font-weight: 500;
- }
-
- .p-inline-message {
- backdrop-filter: blur(1.5px);
- }
-
- .p-inline-message.p-inline-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
-
- .p-inline-message.p-inline-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
-
- .p-inline-message.p-inline-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
-
- .p-inline-message.p-inline-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
-
- .p-inline-message.p-inline-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
-
- .p-inline-message.p-inline-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
-
- .p-inputgroup-addon {
- padding: 0.5rem;
- }
-
- .p-inputnumber.p-inputnumber-buttons-stacked {
- position: relative;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- position: absolute;
- top: 1px;
- right: 1px;
- height: calc(100% - 2px);
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #cbd5e1;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up {
- border-left: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down {
- border-right: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #cbd5e1;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up {
- border-bottom: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down {
- border-top: 0 none;
- }
-
- .p-inputswitch .p-inputswitch-slider {
- border: 0 none;
- }
- .p-inputswitch.p-highlight p-inputswitch-slider:before {
- left: 1.25rem;
- transform: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- background: #f87171;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
- background: #ffffff;
- }
-
- .p-inputtext {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
-
- .p-inputtext:disabled {
- opacity: 1;
- background-color: #e2e8f0;
- color: #64748b;
- }
-
- .p-knob svg {
- border-radius: 6px;
- outline-color: transparent;
- transition: outline-color 0.2s;
- }
- .p-knob svg:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-listbox {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-listbox.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-listbox.p-disabled .p-listbox-list .p-listbox-item {
- color: #64748b;
- }
-
- .p-message {
- backdrop-filter: blur(1.5px);
- }
-
- .p-message.p-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-message.p-message-info .p-message-close:focus-visible {
- outline-color: #2563eb;
- }
- .p-message.p-message-info .p-message-close:hover {
- background: #dbeafe;
- }
-
- .p-message.p-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-message.p-message-success .p-message-close:focus-visible {
- outline-color: #16a34a;
- }
- .p-message.p-message-success .p-message-close:hover {
- background: #dcfce7;
- }
-
- .p-message.p-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-message.p-message-warn .p-message-close:focus-visible {
- outline-color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-close:hover {
- background: #fef9c3;
- }
-
- .p-message.p-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-message.p-message-error .p-message-close:focus-visible {
- outline-color: #dc2626;
- }
- .p-message.p-message-error .p-message-close:hover {
- background: #fee2e2;
- }
-
- .p-message.p-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-message.p-message-secondary .p-message-close:focus-visible {
- outline-color: #475569;
- }
- .p-message.p-message-secondary .p-message-close:hover {
- background: #e2e8f0;
- }
-
- .p-message.p-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-message.p-message-contrast .p-message-close:focus-visible {
- outline-color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-close:hover {
- background: #1e293b;
- }
-
- .p-multiselect-panel .p-multiselect-header {
- padding-left: 1rem;
- padding-right: 1rem;
- }
-
- .p-multiselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-multiselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-multiselect.p-disabled .p-multiselect-label {
- color: #64748b;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- border-radius: 4px;
- margin-right: 0.25rem;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.375rem;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header {
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action {
- background: #e2e8f0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #334155;
- padding: 0.5rem 0.75rem;
- font-weight: 600;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover {
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content {
- border-radius: 6px;
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-panel {
- padding: 0.25rem 0.25rem;
- overflow: hidden;
- margin-bottom: 0.75rem;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
-
- .p-password-panel {
- background-color: #ffffff;
- border: 1px solid #e2e8f0;
- padding: 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.75rem;
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength {
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #ef4444;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #f59e0b;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #22c55e;
- }
-
- .p-orderlist-controls .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-orderlist-controls .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-orderlist-controls .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-orderlist-controls .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
-
- .p-orderlist .p-orderlist-header {
- background: #ffffff;
- color: #334155;
- border: 0 none;
- border-bottom: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #64748b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list {
- border: 1px solid #cbd5e1;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- border-radius: 6px;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-organizationchart .p-organizationchart-node-content {
- padding: 0.75rem 1rem;
- border-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid #e2e8f0;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: static;
- }
- .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) {
- padding: 0.75rem 1rem 1.25rem 1rem;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
- border-right: 0 none;
- }
- .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) {
- border-top-right-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) {
- border-left: 1px solid #e2e8f0;
- border-top-left-radius: 6px;
- }
-
- .p-overlaypanel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.75rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- position: absolute;
- top: 0.25rem;
- right: 0.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-overlaypanel .p-overlaypanel-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-panel {
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- background-color: #ffffff;
- }
- .p-panel .p-panel-header,
-.p-panel .p-panel-content,
-.p-panel .p-panel-footer {
- background: transparent;
- border: 0 none;
- }
- .p-panel:has(.p-panel-footer) .p-panel-content {
- padding-bottom: 0.875rem;
- }
-
- .p-picklist-buttons .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-picklist-buttons .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-picklist-buttons .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-picklist-buttons .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
-
- .p-picklist .p-picklist-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #64748b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-picklist .p-picklist-list {
- border: 1px solid #cbd5e1;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- border-radius: 6px;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-progressbar-label {
- font-size: 0.75rem;
- font-weight: 600;
- }
-
- .p-radiobutton .p-radiobutton-box {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box {
- border-color: #06b6d4;
- }
- .p-radiobutton.p-disabled {
- opacity: 1;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box {
- border: 1px solid #cbd5e1;
- background-color: #e2e8f0;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon {
- background-color: #64748b;
- }
-
- .p-rating {
- gap: 0.25rem;
- }
-
- .p-selectbutton .p-button .pi,
-.p-selectbutton .p-button .p-button-label {
- position: relative;
- transition: none;
- }
- .p-selectbutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-selectbutton .p-button.p-highlight::before {
- background: #ffffff;
- border-color: #ffffff;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-selectbutton .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-selectbutton .p-button.p-disabled {
- opacity: 1;
- color: #94a3b8;
- }
- .p-selectbutton.p-invalid {
- box-shadow: 0 0 0 1px #f87171;
- border-radius: 6px;
- }
- .p-selectbutton.p-invalid > .p-button {
- border: 1px solid #f1f5f9;
- }
- .p-selectbutton.p-disabled {
- opacity: 1;
- }
- .p-selectbutton.p-disabled .p-button {
- color: #94a3b8;
- }
-
- .p-slider .p-slider-handle {
- display: flex !important;
- justify-content: center;
- align-items: center;
- }
- .p-slider .p-slider-handle::before {
- content: "";
- width: 16px;
- height: 16px;
- display: block;
- background-color: #ffffff;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline-color: #71e7fb;
- }
-
- .p-speeddial-button.p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-splitter-gutter-handle {
- border-radius: 6px;
- }
-
- .p-stepper .p-stepper-header .p-stepper-number {
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #ffffff;
- color: #06b6d4;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #06b6d4;
- }
-
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- border-width: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-steps-number {
- position: relative;
- font-weight: 500;
- }
- .p-steps .p-steps-item .p-steps-number::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #ffffff;
- color: #06b6d4;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- color: #06b6d4;
- }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1;
- }
- .p-steps .p-steps-item:before {
- border-top-width: 2px;
- margin-top: calc(-1rem + 1px);
- }
- .p-steps .p-steps-item:first-child::before {
- width: calc(50% + 1rem);
- transform: translateX(100%);
- }
- .p-steps .p-steps-item:last-child::before {
- width: 50%;
- }
-
- .p-tabmenu .p-tabmenu-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: -1px;
- height: 1px;
- background-color: #06b6d4;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabmenu .p-tabmenu-nav {
- position: relative;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-tabview .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 1px;
- background-color: #06b6d4;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabview .p-tabview-nav {
- position: relative;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6);
- }
- .p-tabview .p-tabview-nav-btn.p-link:hover {
- color: #475569;
- }
-
- .p-tag {
- background: var(--primary-100);
- color: var(--primary-700);
- }
- .p-tag.p-tag-success {
- background: var(--green-100);
- color: var(--green-700);
- }
- .p-tag.p-tag-info {
- background: var(--blue-100);
- color: var(--blue-700);
- }
- .p-tag.p-tag-warning {
- background: var(--orange-100);
- color: var(--orange-700);
- }
- .p-tag.p-tag-danger {
- background: var(--red-100);
- color: var(--red-700);
- }
-
- .p-terminal {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- }
- .p-terminal .p-terminal-prompt {
- margin-right: 0.25rem;
- }
- .p-terminal .p-terminal-response {
- margin: 2px 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- position: relative;
- }
- .p-timeline .p-timeline-event-marker::before {
- content: " ";
- border-radius: 50%;
- width: 0.375rem;
- height: 0.375rem;
- background-color: #06b6d4;
- }
- .p-timeline .p-timeline-event-marker::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-toast .p-toast-message {
- backdrop-filter: blur(1.5px);
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- font-size: 0.875rem;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.75rem;
- height: 1.75rem;
- margin-top: -25%;
- right: -25%;
- position: relative;
- }
-
- .p-toast .p-toast-message.p-toast-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- outline-color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
- background: #dbeafe;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- outline-color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
- background: #dcfce7;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- outline-color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
- background: #fef9c3;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
- background: #fee2e2;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover {
- background: #e2e8f0;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover {
- background: #1e293b;
- }
-
- .p-togglebutton .p-button .p-button-label,
-.p-togglebutton .p-button .p-button-icon {
- position: relative;
- transition: none;
- }
- .p-togglebutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-togglebutton.p-highlight .p-button::before {
- background: #ffffff;
- border-color: #ffffff;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-togglebutton.p-disabled {
- opacity: 1;
- }
- .p-togglebutton.p-disabled .p-button {
- color: #94a3b8;
- }
- .p-togglebutton.p-disabled .p-button .p-button-icon {
- color: #94a3b8;
- }
-
- .p-toolbar {
- padding: 0.75rem;
- }
-
- .p-tree {
- border: 0 none;
- padding: 1rem;
- }
- .p-tree .p-tree-container .p-treenode {
- margin: 2px 0;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline-offset: -2px;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover {
- background-color: #ecfeff;
- }
- .p-tree .p-tree-container > .p-treenode:first-child {
- margin-top: 0;
- }
- .p-tree .p-tree-container > .p-treenode:last-child {
- margin-bottom: 0;
- }
-
- .p-treeselect-panel .p-tree {
- padding: 0.25rem 0.25rem;
- }
-
- .p-treeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-treeselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-treeselect.p-disabled .p-treeselect-label {
- color: #64748b;
- }
-}
diff --git a/public/themes/aura-light-green/fonts/Inter-italic.var.woff2 b/public/themes/aura-light-green/fonts/Inter-italic.var.woff2
deleted file mode 100644
index b826d5a..0000000
Binary files a/public/themes/aura-light-green/fonts/Inter-italic.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-light-green/fonts/Inter-roman.var.woff2 b/public/themes/aura-light-green/fonts/Inter-roman.var.woff2
deleted file mode 100644
index 6a256a0..0000000
Binary files a/public/themes/aura-light-green/fonts/Inter-roman.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-light-green/theme.css b/public/themes/aura-light-green/theme.css
deleted file mode 100644
index c98e9e1..0000000
--- a/public/themes/aura-light-green/theme.css
+++ /dev/null
@@ -1,12111 +0,0 @@
-:root {
- font-family: "Inter var", sans-serif;
- font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- font-variation-settings: normal;
- --font-family: "Inter var", sans-serif;
- --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- --text-color: #334155;
- --text-color-secondary: #64748b;
- --primary-color: #10b981;
- --primary-color-text: #ffffff;
- --surface-0: #ffffff;
- --surface-50: #f8fafc;
- --surface-100: #f1f5f9;
- --surface-200: #e2e8f0;
- --surface-300: #cbd5e1;
- --surface-400: #94a3b8;
- --surface-500: #64748b;
- --surface-600: #475569;
- --surface-700: #334155;
- --surface-800: #1e293b;
- --surface-900: #0f172a;
- --surface-950: #020617;
- --gray-0: #ffffff;
- --gray-50: #f8fafc;
- --gray-100: #f1f5f9;
- --gray-200: #e2e8f0;
- --gray-300: #cbd5e1;
- --gray-400: #94a3b8;
- --gray-500: #64748b;
- --gray-600: #475569;
- --gray-700: #334155;
- --gray-800: #1e293b;
- --gray-900: #0f172a;
- --gray-950: #020617;
- --content-padding: 1.125rem;
- --inline-spacing: 0.5rem;
- --border-radius: 6px;
- --surface-ground: #f8fafc;
- --surface-section: #ffffff;
- --surface-card: #ffffff;
- --surface-overlay: #ffffff;
- --surface-border: #e2e8f0;
- --surface-hover: #f1f5f9;
- --focus-ring: none;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #ecfdf5;
- --highlight-text-color: #047857;
- --p-anchor-gutter: 2px;
- color-scheme: light;
-}
-
-:root {
- --p-focus-ring-color: var(--primary-color);
-}
-
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: normal;
- font-named-instance: "Regular";
- src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
-}
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: italic;
- font-named-instance: "Italic";
- src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
-}
-:root {
- --blue-50:#f5f9ff;
- --blue-100:#d0e1fd;
- --blue-200:#abc9fb;
- --blue-300:#85b2f9;
- --blue-400:#609af8;
- --blue-500:#3b82f6;
- --blue-600:#326fd1;
- --blue-700:#295bac;
- --blue-800:#204887;
- --blue-900:#183462;
- --green-50:#f4fcf7;
- --green-100:#caf1d8;
- --green-200:#a0e6ba;
- --green-300:#76db9b;
- --green-400:#4cd07d;
- --green-500:#22c55e;
- --green-600:#1da750;
- --green-700:#188a42;
- --green-800:#136c34;
- --green-900:#0e4f26;
- --yellow-50:#fefbf3;
- --yellow-100:#faedc4;
- --yellow-200:#f6de95;
- --yellow-300:#f2d066;
- --yellow-400:#eec137;
- --yellow-500:#eab308;
- --yellow-600:#c79807;
- --yellow-700:#a47d06;
- --yellow-800:#816204;
- --yellow-900:#5e4803;
- --cyan-50:#f3fbfd;
- --cyan-100:#c3edf5;
- --cyan-200:#94e0ed;
- --cyan-300:#65d2e4;
- --cyan-400:#35c4dc;
- --cyan-500:#06b6d4;
- --cyan-600:#059bb4;
- --cyan-700:#047f94;
- --cyan-800:#036475;
- --cyan-900:#024955;
- --pink-50:#fef6fa;
- --pink-100:#fad3e7;
- --pink-200:#f7b0d3;
- --pink-300:#f38ec0;
- --pink-400:#f06bac;
- --pink-500:#ec4899;
- --pink-600:#c93d82;
- --pink-700:#a5326b;
- --pink-800:#822854;
- --pink-900:#5e1d3d;
- --indigo-50:#f7f7fe;
- --indigo-100:#dadafc;
- --indigo-200:#bcbdf9;
- --indigo-300:#9ea0f6;
- --indigo-400:#8183f4;
- --indigo-500:#6366f1;
- --indigo-600:#5457cd;
- --indigo-700:#4547a9;
- --indigo-800:#363885;
- --indigo-900:#282960;
- --teal-50:#f3fbfb;
- --teal-100:#c7eeea;
- --teal-200:#9ae0d9;
- --teal-300:#6dd3c8;
- --teal-400:#41c5b7;
- --teal-500:#14b8a6;
- --teal-600:#119c8d;
- --teal-700:#0e8174;
- --teal-800:#0b655b;
- --teal-900:#084a42;
- --orange-50:#fff8f3;
- --orange-100:#feddc7;
- --orange-200:#fcc39b;
- --orange-300:#fba86f;
- --orange-400:#fa8e42;
- --orange-500:#f97316;
- --orange-600:#d46213;
- --orange-700:#ae510f;
- --orange-800:#893f0c;
- --orange-900:#642e09;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dadee3;
- --bluegray-200:#bcc3cd;
- --bluegray-300:#9fa9b7;
- --bluegray-400:#818ea1;
- --bluegray-500:#64748b;
- --bluegray-600:#556376;
- --bluegray-700:#465161;
- --bluegray-800:#37404c;
- --bluegray-900:#282e38;
- --purple-50:#fbf7ff;
- --purple-100:#ead6fd;
- --purple-200:#dab6fc;
- --purple-300:#c996fa;
- --purple-400:#b975f9;
- --purple-500:#a855f7;
- --purple-600:#8f48d2;
- --purple-700:#763cad;
- --purple-800:#5c2f88;
- --purple-900:#432263;
- --red-50:#fff5f5;
- --red-100:#ffd0ce;
- --red-200:#ffaca7;
- --red-300:#ff8780;
- --red-400:#ff6259;
- --red-500:#ff3d32;
- --red-600:#d9342b;
- --red-700:#b32b23;
- --red-800:#8c221c;
- --red-900:#661814;
- --primary-50:#f3fcf9;
- --primary-100:#c6eee1;
- --primary-200:#98e1c9;
- --primary-300:#6bd4b1;
- --primary-400:#3dc699;
- --primary-500:#10b981;
- --primary-600:#0e9d6e;
- --primary-700:#0b825a;
- --primary-800:#096647;
- --primary-900:#064a34;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #ffffff;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #e2e8f0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- padding: 0.25rem 0.25rem;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #1e293b;
- background: #f1f5f9;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 0.75rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #e2e8f0;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #10b981;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #10b981;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #10b981;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #10b981;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.6;
- }
-
- .p-error {
- color: #f87171;
- }
-
- .p-text-secondary {
- color: #64748b;
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.25rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #94a3b8;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #e2e8f0;
- color: #0f172a;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-autocomplete-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.25rem 0.25rem;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #047857;
- background: #ecfdf5;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: #d1fae5;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
-
- .p-datepicker {
- padding: 0.75rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0 0 0.5rem 0;
- color: #334155;
- background: #ffffff;
- font-weight: 500;
- margin: 0 0 0 0;
- border-bottom: 1px solid #e2e8f0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 1.75rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-weight: 500;
- padding: 0.25rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #10b981;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker table th {
- padding: 0.25rem;
- }
- .p-datepicker table th > span {
- width: 2rem;
- height: 2rem;
- }
- .p-datepicker table td {
- padding: 0.25rem;
- }
- .p-datepicker table td > span {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: #047857;
- background: #ecfdf5;
- }
- .p-datepicker table td > span:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #e2e8f0;
- color: #0f172a;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #047857;
- background: #ecfdf5;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.5rem 0 0 0;
- border-top: 1px solid #e2e8f0;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #e2e8f0;
- padding: 0;
- }
- .p-datepicker .p-timepicker button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #047857;
- background: #ecfdf5;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #047857;
- background: #ecfdf5;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #e2e8f0;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0.25rem;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #f8fafc;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #f8fafc;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #64748b;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-cascadeselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #047857;
- background: #ecfdf5;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: #d1fae5;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #cbd5e1;
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- color: #334155;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 0.875rem;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #10b981;
- background: #10b981;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #94a3b8;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #059669;
- background: #059669;
- color: #ffffff;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #f87171;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #10b981;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #059669;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #10b981;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #059669;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #94a3b8;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #e2e8f0;
- color: #0f172a;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-colorpicker-panel {
- background: #323232;
- border: 1px solid #191919;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff;
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-dropdown.p-variant-filled {
- background: #f8fafc;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #64748b;
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #94a3b8;
- right: 2.5rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-dropdown-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.25rem 0.25rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #047857;
- background: #ecfdf5;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: #d1fae5;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #ffffff;
- color: #64748b;
- border-top: 1px solid #cbd5e1;
- border-left: 1px solid #cbd5e1;
- border-bottom: 1px solid #cbd5e1;
- padding: 0.5rem 0.75rem;
- min-width: 2.5rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #cbd5e1;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.5rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: #94a3b8;
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: #94a3b8;
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #f8fafc;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #f8fafc;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 2.5rem;
- height: 1.5rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1rem;
- height: 1rem;
- left: 0.25rem;
- margin-top: -0.5rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #10b981;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #ffffff;
- transform: translateX(1rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #94a3b8;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #059669;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #f87171;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- background: #ffffff;
- padding: 0.5rem 0.75rem;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- appearance: none;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #94a3b8;
- }
- .p-inputtext:enabled:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #f87171;
- }
- .p-inputtext.p-variant-filled {
- background-color: #f8fafc;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #f8fafc;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: #64748b;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #f87171;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: #64748b;
- }
-
- :-moz-placeholder {
- color: #64748b;
- }
-
- ::-moz-placeholder {
- color: #64748b;
- }
-
- :-ms-input-placeholder {
- color: #64748b;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #f8fafc;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #f8fafc;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-listbox .p-listbox-list {
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #047857;
- background: #ecfdf5;
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: #d1fae5;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-listbox.p-invalid {
- border-color: #f87171;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-multiselect.p-variant-filled {
- background: #f8fafc;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #64748b;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #047857;
- background: #ecfdf5;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: #d1fae5;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-password-panel {
- padding: 0 1.125rem 1.125rem 1.125rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #e2e8f0;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #ef4444;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #f59e0b;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #22c55e;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #cbd5e1;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #cbd5e1;
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- color: #334155;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 0.75rem;
- height: 0.75rem;
- transition-duration: 0.2s;
- background-color: #10b981;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #10b981;
- background: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #94a3b8;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #059669;
- background: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #059669;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #f87171;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-size: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f87171;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #10b981;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #10b981;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #ef4444;
- }
-
- .p-selectbutton .p-button {
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #64748b;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #334155;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #334155;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #0f172a;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #f87171;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #e2e8f0;
- border: 0 none;
- border-radius: 6px;
- }
- .p-slider.p-slider-horizontal {
- height: 3px;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px;
- }
- .p-slider.p-slider-vertical {
- width: 3px;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px;
- }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #e2e8f0;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-slider .p-slider-range {
- background: #10b981;
- border-radius: 6px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #e2e8f0;
- border-color: transparent;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-treeselect.p-variant-filled {
- background: #f8fafc;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #64748b;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #f8fafc;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #f1f5f9;
- border-radius: 6px;
- }
- .p-togglebutton .p-button {
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #64748b;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #334155;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #334155;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #f87171;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #ffffff;
- background: #10b981;
- border: 1px solid #10b981;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #059669;
- color: #ffffff;
- border-color: #059669;
- }
- .p-button:not(:disabled):active {
- background: #047857;
- color: #ffffff;
- border-color: #047857;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #10b981;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(16, 185, 129, 0.04);
- color: #10b981;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(16, 185, 129, 0.16);
- color: #10b981;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #334155;
- border-color: #334155;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: #f1f5f9;
- color: #334155;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: #e2e8f0;
- color: #334155;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #10b981;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(16, 185, 129, 0.04);
- color: #10b981;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(16, 185, 129, 0.16);
- color: #10b981;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #334155;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: #f1f5f9;
- color: #334155;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: #e2e8f0;
- color: #334155;
- }
- .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #10b981;
- background-color: #ffffff;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.5rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.5rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.5rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(241, 245, 249, 0.04);
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(241, 245, 249, 0.16);
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #f1f5f9;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(241, 245, 249, 0.04);
- border-color: transparent;
- color: #f1f5f9;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(241, 245, 249, 0.16);
- border-color: transparent;
- color: #f1f5f9;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #ffffff;
- background: #0ea5e9;
- border: 1px solid #0ea5e9;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #0284c7;
- color: #ffffff;
- border-color: #0284c7;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #0369a1;
- color: #ffffff;
- border-color: #0369a1;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(14, 165, 233, 0.04);
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(14, 165, 233, 0.16);
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #0ea5e9;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(14, 165, 233, 0.04);
- border-color: transparent;
- color: #0ea5e9;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(14, 165, 233, 0.16);
- border-color: transparent;
- color: #0ea5e9;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #ffffff;
- background: #22c55e;
- border: 1px solid #22c55e;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #16a34a;
- color: #ffffff;
- border-color: #16a34a;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #15803d;
- color: #ffffff;
- border-color: #15803d;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(34, 197, 94, 0.04);
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(34, 197, 94, 0.16);
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #22c55e;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(34, 197, 94, 0.04);
- border-color: transparent;
- color: #22c55e;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(34, 197, 94, 0.16);
- border-color: transparent;
- color: #22c55e;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #ffffff;
- background: #f97316;
- border: 1px solid #f97316;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ea580c;
- color: #ffffff;
- border-color: #ea580c;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #c2410c;
- color: #ffffff;
- border-color: #c2410c;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(249, 115, 22, 0.04);
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(249, 115, 22, 0.16);
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #f97316;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(249, 115, 22, 0.04);
- border-color: transparent;
- color: #f97316;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(249, 115, 22, 0.16);
- border-color: transparent;
- color: #f97316;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #ffffff;
- background: #a855f7;
- border: 1px solid #a855f7;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #9333ea;
- color: #ffffff;
- border-color: #9333ea;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #7e22ce;
- color: #ffffff;
- border-color: #7e22ce;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(168, 85, 247, 0.04);
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(168, 85, 247, 0.16);
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #a855f7;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(168, 85, 247, 0.04);
- border-color: transparent;
- color: #a855f7;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(168, 85, 247, 0.16);
- border-color: transparent;
- color: #a855f7;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #ffffff;
- background: #ef4444;
- border: 1px solid #ef4444;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #dc2626;
- color: #ffffff;
- border-color: #dc2626;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #b91c1c;
- color: #ffffff;
- border-color: #b91c1c;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(239, 68, 68, 0.04);
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(239, 68, 68, 0.16);
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #ef4444;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(239, 68, 68, 0.04);
- border-color: transparent;
- color: #ef4444;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(239, 68, 68, 0.16);
- border-color: transparent;
- color: #ef4444;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #ffffff;
- background: #020617;
- border: 1px solid #020617;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #1e293b;
- color: #ffffff;
- border-color: #1e293b;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #334155;
- color: #ffffff;
- border-color: #334155;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(2, 6, 23, 0.04);
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(2, 6, 23, 0.16);
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #020617;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(2, 6, 23, 0.04);
- border-color: transparent;
- color: #020617;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(2, 6, 23, 0.16);
- border-color: transparent;
- color: #020617;
- }
-
- .p-button.p-button-link {
- color: #059669;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #059669;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #059669;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-speeddial-action {
- width: 2.5rem;
- height: 2.5rem;
- background: #f1f5f9;
- color: #475569;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-speeddial-action:hover {
- background: #e2e8f0;
- color: #334155;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 6px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 6px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #e2e8f0;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #cbd5e1;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #ecfdf5;
- color: #047857;
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #64748b;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: #047857;
- background: #ecfdf5;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #475569;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #ecfdf5;
- color: #047857;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #047857;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #ecfdf5;
- color: #047857;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #047857;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: 0 none;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #ffffff;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #ecfdf5;
- color: #047857;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #ecfdf5;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #ecfdf5;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-datatable .p-column-resizer-helper {
- background: #10b981;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #ffffff;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #f8fafc;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: #ecfdf5;
- color: #047857;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: #047857;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: #047857;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #ffffff;
- color: #334155;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: #f1f5f9;
- color: #475569;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #ecfdf5;
- color: #047857;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-clear-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-overlay {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.25rem 0.25rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #047857;
- background: #ecfdf5;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-bottom: 1px solid #e2e8f0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-orderlist .p-orderlist-header {
- color: #334155;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: #334155;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #e2e8f0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #047857;
- background: #ecfdf5;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: #d1fae5;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #f8fafc;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: #f1f5f9;
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #ecfdf5;
- color: #047857;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #79f1b8;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #e2e8f0;
- border-color: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #e2e8f0;
- border-color: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #ffffff;
- color: #334155;
- border: solid #e2e8f0;
- border-width: 0;
- padding: 0.5rem 1rem;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: transparent;
- color: #475569;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 50%;
- border-bottom-left-radius: 50%;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 50%;
- border-bottom-right-radius: 50%;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.5rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.5rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #ecfdf5;
- border-color: #ecfdf5;
- color: #047857;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: transparent;
- color: #475569;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-picklist .p-picklist-header {
- color: #334155;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: #334155;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #e2e8f0;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #047857;
- background: #ecfdf5;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: #d1fae5;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #f8fafc;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: #f1f5f9;
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #e2e8f0;
- border-radius: 50%;
- width: 1.125rem;
- height: 1.125rem;
- background-color: #ffffff;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #e2e8f0;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-radius: 6px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0 0;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- padding: 0.25rem 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #475569;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #334155;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #ecfdf5;
- color: #047857;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #047857;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #047857;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- }
- .p-treetable .p-sortable-column {
- outline-color: var(--p-focus-ring-color);
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #64748b;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: #047857;
- background: #ecfdf5;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #475569;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #ecfdf5;
- color: #047857;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #047857;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #ffffff;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #334155;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #ecfdf5;
- color: #047857;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #047857;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #047857;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #1e293b;
- }
- .p-treetable .p-column-resizer-helper {
- background: #10b981;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #ffffff;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #64748b;
- background: #ffffff;
- font-weight: 600;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #e2e8f0;
- background: #ffffff;
- color: #334155;
- }
- .p-accordion .p-accordion-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-card {
- background: #ffffff;
- color: #334155;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-card .p-card-body {
- padding: 1.5rem;
- }
- .p-card .p-card-title {
- font-size: 1.25rem;
- font-weight: 600;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #64748b;
- }
- .p-card .p-card-content {
- padding: 0 0 0 0;
- }
- .p-card .p-card-footer {
- padding: 0 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-radius: 6px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- background: #ffffff;
- font-weight: 600;
- border-radius: 6px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1.125rem;
- color: #334155;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: #1e293b;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #ffffff;
- border-color: #ffffff;
- color: #1e293b;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #ffffff;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #e2e8f0;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #e2e8f0;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #e2e8f0;
- padding: 1.125rem;
- background: #ffffff;
- color: #334155;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.75rem 1.125rem;
- }
- .p-panel .p-panel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panel .p-panel-footer {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #f1f5f9;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- border-radius: 6px;
- color: #334155;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- background: #e2e8f0;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #e2e8f0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #e2e8f0;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #64748b;
- border: 1px solid #e2e8f0;
- border-width: 2px;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #334155;
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #ecfdf5;
- color: #047857;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #334155;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #10b981;
- }
- .p-stepper .p-stepper-panels {
- background: #ffffff;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- color: #334155;
- }
- .p-stepper .p-stepper-separator {
- background-color: #e2e8f0;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #ffffff;
- color: #334155;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #10b981;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #e2e8f0;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #e2e8f0 transparent;
- background: #ffffff;
- color: #64748b;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #10b981;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #ffffff;
- color: #10b981;
- width: 2.5rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-panels {
- background: #ffffff;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- padding: 1.125rem;
- border-radius: 6px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(226, 232, 240, 0);
- border-bottom-color: #d3dce8;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #e2e8f0;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- border: 1px solid #e2e8f0;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 1.5rem;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #334155;
- padding: 0 1.5rem 1.5rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #10b981;
- color: #ffffff;
- width: 1.75rem;
- height: 1.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -0.875rem;
- right: -0.875rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #059669;
- color: #ffffff;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(226, 232, 240, 0);
- border-bottom-color: #d3dce8;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #e2e8f0;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1.125rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #334155;
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #334155;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #334155;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #334155;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #334155;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #ffffff;
- padding: 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fileupload .p-fileupload-content {
- background: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #10b981;
- background-color: #ecfdf5;
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #059669;
- color: #ffffff;
- border-color: #059669;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #047857;
- color: #ffffff;
- border-color: #047857;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #ffffff;
- border: 0 none;
- border-radius: 6px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #94a3b8;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #334155;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #94a3b8;
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-contextmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #047857;
- background: #ecfdf5;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #047857;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #047857;
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #d1fae5;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 6px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-dock .p-dock-link {
- width: 3rem;
- height: 3rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem 0.5rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 2px 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #047857;
- background: #ecfdf5;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #047857;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #047857;
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #d1fae5;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0.25rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #94a3b8;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 2px 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #047857;
- background: #ecfdf5;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #047857;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #047857;
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #d1fae5;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem 0.5rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem {
- margin: 2px 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #047857;
- background: #ecfdf5;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #047857;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #047857;
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #d1fae5;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- border-radius: 6px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #94a3b8;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.5rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 0 none;
- color: #64748b;
- background: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #64748b;
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #e2e8f0;
- background: #ffffff;
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0.25rem;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #047857;
- background: #ecfdf5;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #047857;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #047857;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #d1fae5;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #64748b;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #334155;
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #ecfdf5;
- color: #047857;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 500;
- color: #334155;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #e2e8f0;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #e2e8f0;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #e2e8f0 transparent;
- background: #ffffff;
- color: #64748b;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #10b981;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #047857;
- background: #ecfdf5;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #047857;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #047857;
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #d1fae5;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.75rem;
- margin: 0;
- border-radius: 6px;
- }
- .p-inline-message.p-inline-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #2563eb;
- }
- .p-inline-message.p-inline-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #16a34a;
- }
- .p-inline-message.p-inline-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #ca8a04;
- }
- .p-inline-message.p-inline-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #dc2626;
- }
- .p-inline-message.p-inline-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-inline-message.p-inline-message-secondary .p-inline-message-icon {
- color: #475569;
- }
- .p-inline-message.p-inline-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-inline-message.p-inline-message-contrast .p-inline-message-icon {
- color: #f8fafc;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 6px;
- }
- .p-message .p-message-wrapper {
- padding: 0.5rem 0.75rem;
- }
- .p-message .p-message-close {
- width: 1.75rem;
- height: 1.75rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-message.p-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-message.p-message-info .p-message-icon {
- color: #2563eb;
- }
- .p-message.p-message-info .p-message-close {
- color: #2563eb;
- }
- .p-message.p-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-message.p-message-success .p-message-icon {
- color: #16a34a;
- }
- .p-message.p-message-success .p-message-close {
- color: #16a34a;
- }
- .p-message.p-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-close {
- color: #ca8a04;
- }
- .p-message.p-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-message.p-message-error .p-message-icon {
- color: #dc2626;
- }
- .p-message.p-message-error .p-message-close {
- color: #dc2626;
- }
- .p-message.p-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-message.p-message-secondary .p-message-icon {
- color: #475569;
- }
- .p-message.p-message-secondary .p-message-close {
- color: #475569;
- }
- .p-message.p-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-icon {
- color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-close {
- color: #f8fafc;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1rem;
- height: 1rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 0.75rem;
- border-width: 1px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 1.125rem;
- height: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 500;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.125rem;
- height: 1.125rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- color: #475569;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- color: #f8fafc;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #f1f5f9;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #f1f5f9;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #f1f5f9;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #e2e8f0;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #cbd5e1;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #ecfdf5;
- color: #047857;
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #ecfdf5;
- color: #047857;
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f1f5f9;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #f8fafc;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #f8fafc;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #ffffff;
- background-color: rgba(255, 255, 255, 0.1);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #e2e8f0;
- border-radius: 6px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #ffffff;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #10b981;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-badge.p-badge-success {
- background-color: #22c55e;
- color: #ffffff;
- }
- .p-badge.p-badge-info {
- background-color: #0ea5e9;
- color: #ffffff;
- }
- .p-badge.p-badge-warning {
- background-color: #f97316;
- color: #ffffff;
- }
- .p-badge.p-badge-danger {
- background-color: #ef4444;
- color: #ffffff;
- }
- .p-badge.p-badge-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-badge.p-badge-contrast {
- background-color: #020617;
- color: #ffffff;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 6px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #10b981;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #10b981;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.25rem;
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #10b981;
- }
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.25rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #dc2626;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #dc2626;
- }
- 40% {
- stroke: #2563eb;
- }
- 66% {
- stroke: #16a34a;
- }
- 80%, 90% {
- stroke: #ca8a04;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7);
- }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8);
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #f8fafc;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: #e2e8f0;
- border-radius: 6px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #10b981;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
- }
- .p-tag.p-tag-success {
- background-color: #22c55e;
- color: #ffffff;
- }
- .p-tag.p-tag-info {
- background-color: #0ea5e9;
- color: #ffffff;
- }
- .p-tag.p-tag-warning {
- background-color: #f97316;
- color: #ffffff;
- }
- .p-tag.p-tag-danger {
- background-color: #ef4444;
- color: #ffffff;
- }
- .p-tag.p-tag-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-tag.p-tag-contrast {
- background-color: #020617;
- color: #ffffff;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primevue {
- .p-accordion .p-accordion-header .p-accordion-header-link {
- border-radius: 6px !important;
- flex-direction: row-reverse;
- justify-content: space-between;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link:hover {
- border-bottom-color: #e2e8f0;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- transform: rotate(90deg);
- }
- .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon {
- transform: rotate(-180deg);
- }
- .p-accordion .p-accordion-tab {
- border-bottom: 1px solid #e2e8f0;
- }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom: 0 none;
- }
-
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.375rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete.p-disabled {
- opacity: 1;
- }
-
- .p-button-label {
- font-weight: 500;
- }
-
- .p-button.p-button-success:enabled:focus-visible {
- outline-color: #22c55e;
- }
- .p-button.p-button-info:enabled:focus-visible {
- outline-color: #0ea5e9;
- }
- .p-button.p-button-warning:enabled:focus-visible {
- outline-color: #f97316;
- }
- .p-button.p-button-help:enabled:focus-visible {
- outline-color: #a855f7;
- }
- .p-button.p-button-danger:enabled:focus-visible {
- outline-color: #ef4444;
- }
- .p-button.p-button-contrast:enabled:focus-visible {
- outline-color: #020617;
- }
- .p-button.p-button-outlined {
- border-color: var(--primary-200);
- }
- .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active {
- border-color: var(--primary-200);
- }
- .p-button.p-button-outlined.p-button-secondary {
- border-color: var(--surface-200);
- color: #64748b;
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover {
- color: #64748b;
- background-color: #f1f5f9;
- border-color: var(--surface-200);
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):active {
- color: #64748b;
- background-color: #e2e8f0;
- border-color: var(--surface-200);
- }
- .p-button.p-button-outlined.p-button-success {
- border-color: #bbf7d0;
- }
- .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active {
- border-color: #bbf7d0;
- }
- .p-button.p-button-outlined.p-button-info {
- border-color: #bae6fd;
- }
- .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active {
- border-color: #bae6fd;
- }
- .p-button.p-button-outlined.p-button-warning {
- border-color: #fed7aa;
- }
- .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active {
- border-color: #fed7aa;
- }
- .p-button.p-button-outlined.p-button-help {
- border-color: #e9d5ff;
- }
- .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active {
- border-color: #e9d5ff;
- }
- .p-button.p-button-outlined.p-button-danger {
- border-color: #fecaca;
- }
- .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active {
- border-color: #fecaca;
- }
- .p-button.p-button-outlined.p-button-contrast {
- border-color: #334155;
- }
- .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active {
- border-color: #334155;
- }
- .p-button.p-button-secondary.p-button-text {
- color: #64748b;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover {
- background: #f1f5f9;
- color: #64748b;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active {
- background: #e2e8f0;
- color: #64748b;
- }
-
- .p-datepicker-buttonbar .p-button {
- padding: 0.25rem 0.75rem;
- font-size: 0.875rem;
- }
-
- .p-datepicker .p-datepicker-group-container + .p-timepicker {
- margin-top: 0.5rem;
- padding-top: 0.5rem;
- }
- .p-datepicker table th {
- font-weight: 500;
- }
-
- .p-card {
- border-radius: 12px;
- display: flex;
- flex-direction: column;
- }
- .p-card .p-card-caption {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-card .p-card-caption .p-card-title,
-.p-card .p-card-caption .p-card-subtitle {
- margin-bottom: 0;
- }
- .p-card .p-card-body {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #10b981;
- }
-
- .p-cascadeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-cascadeselect .p-cascadeselect-label {
- box-shadow: none;
- }
- .p-cascadeselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-cascadeselect.p-disabled .p-cascadeselect-label {
- color: #64748b;
- }
-
- div.p-cascadeselect-panel {
- border: 0 none;
- box-shadow: none;
- }
-
- .p-checkbox .p-checkbox-box {
- border-radius: 4px;
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
- border-color: #10b981;
- }
- .p-checkbox.p-disabled {
- opacity: 1;
- }
- .p-checkbox.p-disabled .p-checkbox-box {
- background-color: #e2e8f0;
- border: 1px solid #cbd5e1;
- }
- .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {
- color: #64748b;
- }
-
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.375rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips.p-disabled .p-chips-multiple-container {
- opacity: 1;
- background-color: #e2e8f0;
- }
-
- .p-chip {
- border-radius: 16px;
- padding: 0.25rem 0.75rem;
- }
- .p-chip .p-chip-text {
- margin-top: 0;
- margin-bottom: 0;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.375rem;
- }
- .p-chip:has(.p-chip-remove-icon) {
- padding-right: 0.5rem;
- }
- .p-chip img {
- margin-left: -0.5rem;
- }
-
- .p-colorpicker-preview {
- padding: 0;
- }
- .p-colorpicker-preview:enabled:focus {
- outline-offset: 2px;
- }
- .p-colorpicker-preview.p-inputtext.p-disabled {
- opacity: 0.6;
- }
-
- .p-confirm-popup {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #10b981;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #10b981;
- }
- .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: #c0f8de;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight > td {
- border-bottom-color: #c0f8de;
- }
-
- .p-dataview-layout-options.p-selectbutton .p-button svg {
- position: relative;
- }
-
- .p-dialog {
- border-radius: 12px;
- background-color: #ffffff;
- }
- .p-dialog.p-dialog-maximized {
- border-radius: 0;
- }
- .p-dialog .p-dialog-header {
- border-top-right-radius: 12px;
- border-top-left-radius: 12px;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
- .p-dialog .p-dialog-footer {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
-
- .p-dropdown {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-dropdown .p-dropdown-label {
- box-shadow: none;
- }
- .p-dropdown.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-dropdown.p-disabled .p-dropdown-label {
- color: #64748b;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- margin-left: -0.375rem;
- margin-right: 0.375rem;
- }
-
- .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: #c0f8de;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td {
- border-bottom-color: #c0f8de;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover {
- background-color: #ecfdf5;
- color: #047857;
- }
-
- .p-fieldset {
- padding: 0 1.125rem 1.125rem 1.125rem;
- margin: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text {
- padding: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- color: #64748b;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background-color: #f1f5f9;
- }
- .p-fieldset .p-fieldset-legend {
- border: 0 none;
- padding: 0;
- margin-bottom: 0.375rem;
- }
- .p-fieldset .p-fieldset-legend span {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0;
- }
-
- .p-column-filter-overlay-menu {
- padding: 0.75rem;
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraints {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 0 0 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button {
- margin-bottom: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0;
- }
-
- .p-fileupload .p-fileupload-content {
- border-top: 0 none;
- padding-top: 1.125rem;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #10b981;
- }
-
- .p-inline-message-text {
- font-weight: 500;
- }
-
- .p-inline-message {
- backdrop-filter: blur(1.5px);
- }
-
- .p-inline-message.p-inline-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
-
- .p-inline-message.p-inline-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
-
- .p-inline-message.p-inline-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
-
- .p-inline-message.p-inline-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
-
- .p-inline-message.p-inline-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
-
- .p-inline-message.p-inline-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
-
- .p-inputgroup-addon {
- padding: 0.5rem;
- }
-
- .p-inputnumber.p-inputnumber-buttons-stacked {
- position: relative;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- position: absolute;
- top: 1px;
- right: 1px;
- height: calc(100% - 2px);
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #cbd5e1;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up {
- border-left: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down {
- border-right: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #cbd5e1;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up {
- border-bottom: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down {
- border-top: 0 none;
- }
-
- .p-inputswitch .p-inputswitch-slider {
- border: 0 none;
- }
- .p-inputswitch.p-highlight p-inputswitch-slider:before {
- left: 1.25rem;
- transform: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- background: #f87171;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
- background: #ffffff;
- }
-
- .p-inputtext {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
-
- .p-inputtext:disabled {
- opacity: 1;
- background-color: #e2e8f0;
- color: #64748b;
- }
-
- .p-knob svg {
- border-radius: 6px;
- outline-color: transparent;
- transition: outline-color 0.2s;
- }
- .p-knob svg:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-listbox {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-listbox.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-listbox.p-disabled .p-listbox-list .p-listbox-item {
- color: #64748b;
- }
-
- .p-message {
- backdrop-filter: blur(1.5px);
- }
-
- .p-message.p-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-message.p-message-info .p-message-close:focus-visible {
- outline-color: #2563eb;
- }
- .p-message.p-message-info .p-message-close:hover {
- background: #dbeafe;
- }
-
- .p-message.p-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-message.p-message-success .p-message-close:focus-visible {
- outline-color: #16a34a;
- }
- .p-message.p-message-success .p-message-close:hover {
- background: #dcfce7;
- }
-
- .p-message.p-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-message.p-message-warn .p-message-close:focus-visible {
- outline-color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-close:hover {
- background: #fef9c3;
- }
-
- .p-message.p-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-message.p-message-error .p-message-close:focus-visible {
- outline-color: #dc2626;
- }
- .p-message.p-message-error .p-message-close:hover {
- background: #fee2e2;
- }
-
- .p-message.p-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-message.p-message-secondary .p-message-close:focus-visible {
- outline-color: #475569;
- }
- .p-message.p-message-secondary .p-message-close:hover {
- background: #e2e8f0;
- }
-
- .p-message.p-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-message.p-message-contrast .p-message-close:focus-visible {
- outline-color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-close:hover {
- background: #1e293b;
- }
-
- .p-multiselect-panel .p-multiselect-header {
- padding-left: 1rem;
- padding-right: 1rem;
- }
-
- .p-multiselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-multiselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-multiselect.p-disabled .p-multiselect-label {
- color: #64748b;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- border-radius: 4px;
- margin-right: 0.25rem;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.375rem;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header {
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action {
- background: #e2e8f0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #334155;
- padding: 0.5rem 0.75rem;
- font-weight: 600;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover {
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content {
- border-radius: 6px;
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-panel {
- padding: 0.25rem 0.25rem;
- overflow: hidden;
- margin-bottom: 0.75rem;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
-
- .p-password-panel {
- background-color: #ffffff;
- border: 1px solid #e2e8f0;
- padding: 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.75rem;
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength {
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #ef4444;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #f59e0b;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #22c55e;
- }
-
- .p-orderlist-controls .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-orderlist-controls .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-orderlist-controls .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-orderlist-controls .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
-
- .p-orderlist .p-orderlist-header {
- background: #ffffff;
- color: #334155;
- border: 0 none;
- border-bottom: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #64748b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list {
- border: 1px solid #cbd5e1;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- border-radius: 6px;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-organizationchart .p-organizationchart-node-content {
- padding: 0.75rem 1rem;
- border-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid #e2e8f0;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: static;
- }
- .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) {
- padding: 0.75rem 1rem 1.25rem 1rem;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
- border-right: 0 none;
- }
- .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) {
- border-top-right-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) {
- border-left: 1px solid #e2e8f0;
- border-top-left-radius: 6px;
- }
-
- .p-overlaypanel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.75rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- position: absolute;
- top: 0.25rem;
- right: 0.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-overlaypanel .p-overlaypanel-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-panel {
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- background-color: #ffffff;
- }
- .p-panel .p-panel-header,
-.p-panel .p-panel-content,
-.p-panel .p-panel-footer {
- background: transparent;
- border: 0 none;
- }
- .p-panel:has(.p-panel-footer) .p-panel-content {
- padding-bottom: 0.875rem;
- }
-
- .p-picklist-buttons .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-picklist-buttons .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-picklist-buttons .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-picklist-buttons .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
-
- .p-picklist .p-picklist-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #64748b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-picklist .p-picklist-list {
- border: 1px solid #cbd5e1;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- border-radius: 6px;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-progressbar-label {
- font-size: 0.75rem;
- font-weight: 600;
- }
-
- .p-radiobutton .p-radiobutton-box {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box {
- border-color: #10b981;
- }
- .p-radiobutton.p-disabled {
- opacity: 1;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box {
- border: 1px solid #cbd5e1;
- background-color: #e2e8f0;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon {
- background-color: #64748b;
- }
-
- .p-rating {
- gap: 0.25rem;
- }
-
- .p-selectbutton .p-button .pi,
-.p-selectbutton .p-button .p-button-label {
- position: relative;
- transition: none;
- }
- .p-selectbutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-selectbutton .p-button.p-highlight::before {
- background: #ffffff;
- border-color: #ffffff;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-selectbutton .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-selectbutton .p-button.p-disabled {
- opacity: 1;
- color: #94a3b8;
- }
- .p-selectbutton.p-invalid {
- box-shadow: 0 0 0 1px #f87171;
- border-radius: 6px;
- }
- .p-selectbutton.p-invalid > .p-button {
- border: 1px solid #f1f5f9;
- }
- .p-selectbutton.p-disabled {
- opacity: 1;
- }
- .p-selectbutton.p-disabled .p-button {
- color: #94a3b8;
- }
-
- .p-slider .p-slider-handle {
- display: flex !important;
- justify-content: center;
- align-items: center;
- }
- .p-slider .p-slider-handle::before {
- content: "";
- width: 16px;
- height: 16px;
- display: block;
- background-color: #ffffff;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline-color: #71f3c8;
- }
-
- .p-speeddial-button.p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-splitter-gutter-handle {
- border-radius: 6px;
- }
-
- .p-stepper .p-stepper-header .p-stepper-number {
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #ffffff;
- color: #10b981;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #10b981;
- }
-
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- border-width: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-steps-number {
- position: relative;
- font-weight: 500;
- }
- .p-steps .p-steps-item .p-steps-number::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #ffffff;
- color: #10b981;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- color: #10b981;
- }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1;
- }
- .p-steps .p-steps-item:before {
- border-top-width: 2px;
- margin-top: calc(-1rem + 1px);
- }
- .p-steps .p-steps-item:first-child::before {
- width: calc(50% + 1rem);
- transform: translateX(100%);
- }
- .p-steps .p-steps-item:last-child::before {
- width: 50%;
- }
-
- .p-tabmenu .p-tabmenu-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: -1px;
- height: 1px;
- background-color: #10b981;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabmenu .p-tabmenu-nav {
- position: relative;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-tabview .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 1px;
- background-color: #10b981;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabview .p-tabview-nav {
- position: relative;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6);
- }
- .p-tabview .p-tabview-nav-btn.p-link:hover {
- color: #475569;
- }
-
- .p-tag {
- background: var(--primary-100);
- color: var(--primary-700);
- }
- .p-tag.p-tag-success {
- background: var(--green-100);
- color: var(--green-700);
- }
- .p-tag.p-tag-info {
- background: var(--blue-100);
- color: var(--blue-700);
- }
- .p-tag.p-tag-warning {
- background: var(--orange-100);
- color: var(--orange-700);
- }
- .p-tag.p-tag-danger {
- background: var(--red-100);
- color: var(--red-700);
- }
-
- .p-terminal {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- }
- .p-terminal .p-terminal-prompt {
- margin-right: 0.25rem;
- }
- .p-terminal .p-terminal-response {
- margin: 2px 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- position: relative;
- }
- .p-timeline .p-timeline-event-marker::before {
- content: " ";
- border-radius: 50%;
- width: 0.375rem;
- height: 0.375rem;
- background-color: #10b981;
- }
- .p-timeline .p-timeline-event-marker::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-toast .p-toast-message {
- backdrop-filter: blur(1.5px);
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- font-size: 0.875rem;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.75rem;
- height: 1.75rem;
- margin-top: -25%;
- right: -25%;
- position: relative;
- }
-
- .p-toast .p-toast-message.p-toast-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- outline-color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
- background: #dbeafe;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- outline-color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
- background: #dcfce7;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- outline-color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
- background: #fef9c3;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
- background: #fee2e2;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover {
- background: #e2e8f0;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover {
- background: #1e293b;
- }
-
- .p-togglebutton .p-button .p-button-label,
-.p-togglebutton .p-button .p-button-icon {
- position: relative;
- transition: none;
- }
- .p-togglebutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-togglebutton.p-highlight .p-button::before {
- background: #ffffff;
- border-color: #ffffff;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-togglebutton.p-disabled {
- opacity: 1;
- }
- .p-togglebutton.p-disabled .p-button {
- color: #94a3b8;
- }
- .p-togglebutton.p-disabled .p-button .p-button-icon {
- color: #94a3b8;
- }
-
- .p-toolbar {
- padding: 0.75rem;
- }
-
- .p-tree {
- border: 0 none;
- padding: 1rem;
- }
- .p-tree .p-tree-container .p-treenode {
- margin: 2px 0;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline-offset: -2px;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover {
- background-color: #ecfdf5;
- }
- .p-tree .p-tree-container > .p-treenode:first-child {
- margin-top: 0;
- }
- .p-tree .p-tree-container > .p-treenode:last-child {
- margin-bottom: 0;
- }
-
- .p-treeselect-panel .p-tree {
- padding: 0.25rem 0.25rem;
- }
-
- .p-treeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-treeselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-treeselect.p-disabled .p-treeselect-label {
- color: #64748b;
- }
-}
diff --git a/public/themes/aura-light-indigo/fonts/Inter-italic.var.woff2 b/public/themes/aura-light-indigo/fonts/Inter-italic.var.woff2
deleted file mode 100644
index b826d5a..0000000
Binary files a/public/themes/aura-light-indigo/fonts/Inter-italic.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-light-indigo/fonts/Inter-roman.var.woff2 b/public/themes/aura-light-indigo/fonts/Inter-roman.var.woff2
deleted file mode 100644
index 6a256a0..0000000
Binary files a/public/themes/aura-light-indigo/fonts/Inter-roman.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-light-indigo/theme.css b/public/themes/aura-light-indigo/theme.css
deleted file mode 100644
index 067d897..0000000
--- a/public/themes/aura-light-indigo/theme.css
+++ /dev/null
@@ -1,12111 +0,0 @@
-:root {
- font-family: "Inter var", sans-serif;
- font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- font-variation-settings: normal;
- --font-family: "Inter var", sans-serif;
- --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- --text-color: #334155;
- --text-color-secondary: #64748b;
- --primary-color: #6366F1;
- --primary-color-text: #ffffff;
- --surface-0: #ffffff;
- --surface-50: #f8fafc;
- --surface-100: #f1f5f9;
- --surface-200: #e2e8f0;
- --surface-300: #cbd5e1;
- --surface-400: #94a3b8;
- --surface-500: #64748b;
- --surface-600: #475569;
- --surface-700: #334155;
- --surface-800: #1e293b;
- --surface-900: #0f172a;
- --surface-950: #020617;
- --gray-0: #ffffff;
- --gray-50: #f8fafc;
- --gray-100: #f1f5f9;
- --gray-200: #e2e8f0;
- --gray-300: #cbd5e1;
- --gray-400: #94a3b8;
- --gray-500: #64748b;
- --gray-600: #475569;
- --gray-700: #334155;
- --gray-800: #1e293b;
- --gray-900: #0f172a;
- --gray-950: #020617;
- --content-padding: 1.125rem;
- --inline-spacing: 0.5rem;
- --border-radius: 6px;
- --surface-ground: #f8fafc;
- --surface-section: #ffffff;
- --surface-card: #ffffff;
- --surface-overlay: #ffffff;
- --surface-border: #e2e8f0;
- --surface-hover: #f1f5f9;
- --focus-ring: none;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #EEF2FF;
- --highlight-text-color: #4338CA;
- --p-anchor-gutter: 2px;
- color-scheme: light;
-}
-
-:root {
- --p-focus-ring-color: var(--primary-color);
-}
-
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: normal;
- font-named-instance: "Regular";
- src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
-}
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: italic;
- font-named-instance: "Italic";
- src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
-}
-:root {
- --blue-50:#f5f9ff;
- --blue-100:#d0e1fd;
- --blue-200:#abc9fb;
- --blue-300:#85b2f9;
- --blue-400:#609af8;
- --blue-500:#3b82f6;
- --blue-600:#326fd1;
- --blue-700:#295bac;
- --blue-800:#204887;
- --blue-900:#183462;
- --green-50:#f4fcf7;
- --green-100:#caf1d8;
- --green-200:#a0e6ba;
- --green-300:#76db9b;
- --green-400:#4cd07d;
- --green-500:#22c55e;
- --green-600:#1da750;
- --green-700:#188a42;
- --green-800:#136c34;
- --green-900:#0e4f26;
- --yellow-50:#fefbf3;
- --yellow-100:#faedc4;
- --yellow-200:#f6de95;
- --yellow-300:#f2d066;
- --yellow-400:#eec137;
- --yellow-500:#eab308;
- --yellow-600:#c79807;
- --yellow-700:#a47d06;
- --yellow-800:#816204;
- --yellow-900:#5e4803;
- --cyan-50:#f3fbfd;
- --cyan-100:#c3edf5;
- --cyan-200:#94e0ed;
- --cyan-300:#65d2e4;
- --cyan-400:#35c4dc;
- --cyan-500:#06b6d4;
- --cyan-600:#059bb4;
- --cyan-700:#047f94;
- --cyan-800:#036475;
- --cyan-900:#024955;
- --pink-50:#fef6fa;
- --pink-100:#fad3e7;
- --pink-200:#f7b0d3;
- --pink-300:#f38ec0;
- --pink-400:#f06bac;
- --pink-500:#ec4899;
- --pink-600:#c93d82;
- --pink-700:#a5326b;
- --pink-800:#822854;
- --pink-900:#5e1d3d;
- --indigo-50:#f7f7fe;
- --indigo-100:#dadafc;
- --indigo-200:#bcbdf9;
- --indigo-300:#9ea0f6;
- --indigo-400:#8183f4;
- --indigo-500:#6366f1;
- --indigo-600:#5457cd;
- --indigo-700:#4547a9;
- --indigo-800:#363885;
- --indigo-900:#282960;
- --teal-50:#f3fbfb;
- --teal-100:#c7eeea;
- --teal-200:#9ae0d9;
- --teal-300:#6dd3c8;
- --teal-400:#41c5b7;
- --teal-500:#14b8a6;
- --teal-600:#119c8d;
- --teal-700:#0e8174;
- --teal-800:#0b655b;
- --teal-900:#084a42;
- --orange-50:#fff8f3;
- --orange-100:#feddc7;
- --orange-200:#fcc39b;
- --orange-300:#fba86f;
- --orange-400:#fa8e42;
- --orange-500:#f97316;
- --orange-600:#d46213;
- --orange-700:#ae510f;
- --orange-800:#893f0c;
- --orange-900:#642e09;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dadee3;
- --bluegray-200:#bcc3cd;
- --bluegray-300:#9fa9b7;
- --bluegray-400:#818ea1;
- --bluegray-500:#64748b;
- --bluegray-600:#556376;
- --bluegray-700:#465161;
- --bluegray-800:#37404c;
- --bluegray-900:#282e38;
- --purple-50:#fbf7ff;
- --purple-100:#ead6fd;
- --purple-200:#dab6fc;
- --purple-300:#c996fa;
- --purple-400:#b975f9;
- --purple-500:#a855f7;
- --purple-600:#8f48d2;
- --purple-700:#763cad;
- --purple-800:#5c2f88;
- --purple-900:#432263;
- --red-50:#fff5f5;
- --red-100:#ffd0ce;
- --red-200:#ffaca7;
- --red-300:#ff8780;
- --red-400:#ff6259;
- --red-500:#ff3d32;
- --red-600:#d9342b;
- --red-700:#b32b23;
- --red-800:#8c221c;
- --red-900:#661814;
- --primary-50:#f7f7fe;
- --primary-100:#dadafc;
- --primary-200:#bcbdf9;
- --primary-300:#9ea0f6;
- --primary-400:#8183f4;
- --primary-500:#6366f1;
- --primary-600:#5457cd;
- --primary-700:#4547a9;
- --primary-800:#363885;
- --primary-900:#282960;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #ffffff;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #e2e8f0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- padding: 0.25rem 0.25rem;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #1e293b;
- background: #f1f5f9;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 0.75rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #e2e8f0;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #6366F1;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #6366F1;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #6366F1;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #6366F1;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.6;
- }
-
- .p-error {
- color: #f87171;
- }
-
- .p-text-secondary {
- color: #64748b;
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.25rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #94a3b8;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #e2e8f0;
- color: #0f172a;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-autocomplete-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.25rem 0.25rem;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #4338CA;
- background: #EEF2FF;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: #E0E7FF;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
-
- .p-datepicker {
- padding: 0.75rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0 0 0.5rem 0;
- color: #334155;
- background: #ffffff;
- font-weight: 500;
- margin: 0 0 0 0;
- border-bottom: 1px solid #e2e8f0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 1.75rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-weight: 500;
- padding: 0.25rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #6366F1;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker table th {
- padding: 0.25rem;
- }
- .p-datepicker table th > span {
- width: 2rem;
- height: 2rem;
- }
- .p-datepicker table td {
- padding: 0.25rem;
- }
- .p-datepicker table td > span {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: #4338CA;
- background: #EEF2FF;
- }
- .p-datepicker table td > span:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #e2e8f0;
- color: #0f172a;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #4338CA;
- background: #EEF2FF;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.5rem 0 0 0;
- border-top: 1px solid #e2e8f0;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #e2e8f0;
- padding: 0;
- }
- .p-datepicker .p-timepicker button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #4338CA;
- background: #EEF2FF;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #4338CA;
- background: #EEF2FF;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #e2e8f0;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0.25rem;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #f8fafc;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #f8fafc;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #64748b;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-cascadeselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #4338CA;
- background: #EEF2FF;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: #E0E7FF;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #cbd5e1;
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- color: #334155;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 0.875rem;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #6366F1;
- background: #6366F1;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #94a3b8;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #4F46E5;
- background: #4F46E5;
- color: #ffffff;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #f87171;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #6366F1;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #4F46E5;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #6366F1;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #4F46E5;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #94a3b8;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #e2e8f0;
- color: #0f172a;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-colorpicker-panel {
- background: #323232;
- border: 1px solid #191919;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff;
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-dropdown.p-variant-filled {
- background: #f8fafc;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #64748b;
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #94a3b8;
- right: 2.5rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-dropdown-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.25rem 0.25rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #4338CA;
- background: #EEF2FF;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: #E0E7FF;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #ffffff;
- color: #64748b;
- border-top: 1px solid #cbd5e1;
- border-left: 1px solid #cbd5e1;
- border-bottom: 1px solid #cbd5e1;
- padding: 0.5rem 0.75rem;
- min-width: 2.5rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #cbd5e1;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.5rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: #94a3b8;
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: #94a3b8;
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #f8fafc;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #f8fafc;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 2.5rem;
- height: 1.5rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1rem;
- height: 1rem;
- left: 0.25rem;
- margin-top: -0.5rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #6366F1;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #ffffff;
- transform: translateX(1rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #94a3b8;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #4F46E5;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #f87171;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- background: #ffffff;
- padding: 0.5rem 0.75rem;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- appearance: none;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #94a3b8;
- }
- .p-inputtext:enabled:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #f87171;
- }
- .p-inputtext.p-variant-filled {
- background-color: #f8fafc;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #f8fafc;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: #64748b;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #f87171;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: #64748b;
- }
-
- :-moz-placeholder {
- color: #64748b;
- }
-
- ::-moz-placeholder {
- color: #64748b;
- }
-
- :-ms-input-placeholder {
- color: #64748b;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #f8fafc;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #f8fafc;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-listbox .p-listbox-list {
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #4338CA;
- background: #EEF2FF;
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: #E0E7FF;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-listbox.p-invalid {
- border-color: #f87171;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-multiselect.p-variant-filled {
- background: #f8fafc;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #64748b;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #4338CA;
- background: #EEF2FF;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: #E0E7FF;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-password-panel {
- padding: 0 1.125rem 1.125rem 1.125rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #e2e8f0;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #ef4444;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #f59e0b;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #22c55e;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #cbd5e1;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #cbd5e1;
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- color: #334155;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 0.75rem;
- height: 0.75rem;
- transition-duration: 0.2s;
- background-color: #6366F1;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #6366F1;
- background: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #94a3b8;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #4F46E5;
- background: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #4F46E5;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #f87171;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-size: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f87171;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #6366F1;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #6366F1;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #ef4444;
- }
-
- .p-selectbutton .p-button {
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #64748b;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #334155;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #334155;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #0f172a;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #f87171;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #e2e8f0;
- border: 0 none;
- border-radius: 6px;
- }
- .p-slider.p-slider-horizontal {
- height: 3px;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px;
- }
- .p-slider.p-slider-vertical {
- width: 3px;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px;
- }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #e2e8f0;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-slider .p-slider-range {
- background: #6366F1;
- border-radius: 6px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #e2e8f0;
- border-color: transparent;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-treeselect.p-variant-filled {
- background: #f8fafc;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #64748b;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #f8fafc;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #f1f5f9;
- border-radius: 6px;
- }
- .p-togglebutton .p-button {
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #64748b;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #334155;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #334155;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #f87171;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #ffffff;
- background: #6366F1;
- border: 1px solid #6366F1;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #4F46E5;
- color: #ffffff;
- border-color: #4F46E5;
- }
- .p-button:not(:disabled):active {
- background: #4338CA;
- color: #ffffff;
- border-color: #4338CA;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #6366F1;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(99, 102, 241, 0.04);
- color: #6366F1;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(99, 102, 241, 0.16);
- color: #6366F1;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #334155;
- border-color: #334155;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: #f1f5f9;
- color: #334155;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: #e2e8f0;
- color: #334155;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #6366F1;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(99, 102, 241, 0.04);
- color: #6366F1;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(99, 102, 241, 0.16);
- color: #6366F1;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #334155;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: #f1f5f9;
- color: #334155;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: #e2e8f0;
- color: #334155;
- }
- .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #6366F1;
- background-color: #ffffff;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.5rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.5rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.5rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(241, 245, 249, 0.04);
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(241, 245, 249, 0.16);
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #f1f5f9;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(241, 245, 249, 0.04);
- border-color: transparent;
- color: #f1f5f9;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(241, 245, 249, 0.16);
- border-color: transparent;
- color: #f1f5f9;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #ffffff;
- background: #0ea5e9;
- border: 1px solid #0ea5e9;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #0284c7;
- color: #ffffff;
- border-color: #0284c7;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #0369a1;
- color: #ffffff;
- border-color: #0369a1;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(14, 165, 233, 0.04);
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(14, 165, 233, 0.16);
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #0ea5e9;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(14, 165, 233, 0.04);
- border-color: transparent;
- color: #0ea5e9;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(14, 165, 233, 0.16);
- border-color: transparent;
- color: #0ea5e9;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #ffffff;
- background: #22c55e;
- border: 1px solid #22c55e;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #16a34a;
- color: #ffffff;
- border-color: #16a34a;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #15803d;
- color: #ffffff;
- border-color: #15803d;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(34, 197, 94, 0.04);
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(34, 197, 94, 0.16);
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #22c55e;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(34, 197, 94, 0.04);
- border-color: transparent;
- color: #22c55e;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(34, 197, 94, 0.16);
- border-color: transparent;
- color: #22c55e;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #ffffff;
- background: #f97316;
- border: 1px solid #f97316;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ea580c;
- color: #ffffff;
- border-color: #ea580c;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #c2410c;
- color: #ffffff;
- border-color: #c2410c;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(249, 115, 22, 0.04);
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(249, 115, 22, 0.16);
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #f97316;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(249, 115, 22, 0.04);
- border-color: transparent;
- color: #f97316;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(249, 115, 22, 0.16);
- border-color: transparent;
- color: #f97316;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #ffffff;
- background: #a855f7;
- border: 1px solid #a855f7;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #9333ea;
- color: #ffffff;
- border-color: #9333ea;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #7e22ce;
- color: #ffffff;
- border-color: #7e22ce;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(168, 85, 247, 0.04);
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(168, 85, 247, 0.16);
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #a855f7;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(168, 85, 247, 0.04);
- border-color: transparent;
- color: #a855f7;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(168, 85, 247, 0.16);
- border-color: transparent;
- color: #a855f7;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #ffffff;
- background: #ef4444;
- border: 1px solid #ef4444;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #dc2626;
- color: #ffffff;
- border-color: #dc2626;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #b91c1c;
- color: #ffffff;
- border-color: #b91c1c;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(239, 68, 68, 0.04);
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(239, 68, 68, 0.16);
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #ef4444;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(239, 68, 68, 0.04);
- border-color: transparent;
- color: #ef4444;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(239, 68, 68, 0.16);
- border-color: transparent;
- color: #ef4444;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #ffffff;
- background: #020617;
- border: 1px solid #020617;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #1e293b;
- color: #ffffff;
- border-color: #1e293b;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #334155;
- color: #ffffff;
- border-color: #334155;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(2, 6, 23, 0.04);
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(2, 6, 23, 0.16);
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #020617;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(2, 6, 23, 0.04);
- border-color: transparent;
- color: #020617;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(2, 6, 23, 0.16);
- border-color: transparent;
- color: #020617;
- }
-
- .p-button.p-button-link {
- color: #4F46E5;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #4F46E5;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #4F46E5;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-speeddial-action {
- width: 2.5rem;
- height: 2.5rem;
- background: #f1f5f9;
- color: #475569;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-speeddial-action:hover {
- background: #e2e8f0;
- color: #334155;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 6px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 6px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #e2e8f0;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #cbd5e1;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #EEF2FF;
- color: #4338CA;
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #64748b;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: #4338CA;
- background: #EEF2FF;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #475569;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #EEF2FF;
- color: #4338CA;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #4338CA;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #EEF2FF;
- color: #4338CA;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #4338CA;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: 0 none;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #ffffff;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #EEF2FF;
- color: #4338CA;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #EEF2FF;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #EEF2FF;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-datatable .p-column-resizer-helper {
- background: #6366F1;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #ffffff;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #f8fafc;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: #EEF2FF;
- color: #4338CA;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: #4338CA;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: #4338CA;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #ffffff;
- color: #334155;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: #f1f5f9;
- color: #475569;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #EEF2FF;
- color: #4338CA;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-clear-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-overlay {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.25rem 0.25rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #4338CA;
- background: #EEF2FF;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-bottom: 1px solid #e2e8f0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-orderlist .p-orderlist-header {
- color: #334155;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: #334155;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #e2e8f0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #4338CA;
- background: #EEF2FF;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: #E0E7FF;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #f8fafc;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: #f1f5f9;
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #EEF2FF;
- color: #4338CA;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #6f91ff;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #e2e8f0;
- border-color: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #e2e8f0;
- border-color: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #ffffff;
- color: #334155;
- border: solid #e2e8f0;
- border-width: 0;
- padding: 0.5rem 1rem;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: transparent;
- color: #475569;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 50%;
- border-bottom-left-radius: 50%;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 50%;
- border-bottom-right-radius: 50%;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.5rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.5rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #EEF2FF;
- border-color: #EEF2FF;
- color: #4338CA;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: transparent;
- color: #475569;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-picklist .p-picklist-header {
- color: #334155;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: #334155;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #e2e8f0;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #4338CA;
- background: #EEF2FF;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: #E0E7FF;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #f8fafc;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: #f1f5f9;
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #e2e8f0;
- border-radius: 50%;
- width: 1.125rem;
- height: 1.125rem;
- background-color: #ffffff;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #e2e8f0;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-radius: 6px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0 0;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- padding: 0.25rem 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #475569;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #334155;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #EEF2FF;
- color: #4338CA;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #4338CA;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #4338CA;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- }
- .p-treetable .p-sortable-column {
- outline-color: var(--p-focus-ring-color);
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #64748b;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: #4338CA;
- background: #EEF2FF;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #475569;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #EEF2FF;
- color: #4338CA;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #4338CA;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #ffffff;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #334155;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #EEF2FF;
- color: #4338CA;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #4338CA;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #4338CA;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #1e293b;
- }
- .p-treetable .p-column-resizer-helper {
- background: #6366F1;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #ffffff;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #64748b;
- background: #ffffff;
- font-weight: 600;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #e2e8f0;
- background: #ffffff;
- color: #334155;
- }
- .p-accordion .p-accordion-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-card {
- background: #ffffff;
- color: #334155;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-card .p-card-body {
- padding: 1.5rem;
- }
- .p-card .p-card-title {
- font-size: 1.25rem;
- font-weight: 600;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #64748b;
- }
- .p-card .p-card-content {
- padding: 0 0 0 0;
- }
- .p-card .p-card-footer {
- padding: 0 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-radius: 6px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- background: #ffffff;
- font-weight: 600;
- border-radius: 6px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1.125rem;
- color: #334155;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: #1e293b;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #ffffff;
- border-color: #ffffff;
- color: #1e293b;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #ffffff;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #e2e8f0;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #e2e8f0;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #e2e8f0;
- padding: 1.125rem;
- background: #ffffff;
- color: #334155;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.75rem 1.125rem;
- }
- .p-panel .p-panel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panel .p-panel-footer {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #f1f5f9;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- border-radius: 6px;
- color: #334155;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- background: #e2e8f0;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #e2e8f0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #e2e8f0;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #64748b;
- border: 1px solid #e2e8f0;
- border-width: 2px;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #334155;
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #EEF2FF;
- color: #4338CA;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #334155;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #6366F1;
- }
- .p-stepper .p-stepper-panels {
- background: #ffffff;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- color: #334155;
- }
- .p-stepper .p-stepper-separator {
- background-color: #e2e8f0;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #ffffff;
- color: #334155;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #6366F1;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #e2e8f0;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #e2e8f0 transparent;
- background: #ffffff;
- color: #64748b;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #6366F1;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #ffffff;
- color: #6366F1;
- width: 2.5rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-panels {
- background: #ffffff;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- padding: 1.125rem;
- border-radius: 6px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(226, 232, 240, 0);
- border-bottom-color: #d3dce8;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #e2e8f0;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- border: 1px solid #e2e8f0;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 1.5rem;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #334155;
- padding: 0 1.5rem 1.5rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #6366F1;
- color: #ffffff;
- width: 1.75rem;
- height: 1.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -0.875rem;
- right: -0.875rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #4F46E5;
- color: #ffffff;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(226, 232, 240, 0);
- border-bottom-color: #d3dce8;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #e2e8f0;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1.125rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #334155;
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #334155;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #334155;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #334155;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #334155;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #ffffff;
- padding: 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fileupload .p-fileupload-content {
- background: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #6366F1;
- background-color: #EEF2FF;
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #4F46E5;
- color: #ffffff;
- border-color: #4F46E5;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #4338CA;
- color: #ffffff;
- border-color: #4338CA;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #ffffff;
- border: 0 none;
- border-radius: 6px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #94a3b8;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #334155;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #94a3b8;
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-contextmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #4338CA;
- background: #EEF2FF;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4338CA;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #4338CA;
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #E0E7FF;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 6px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-dock .p-dock-link {
- width: 3rem;
- height: 3rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem 0.5rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 2px 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #4338CA;
- background: #EEF2FF;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4338CA;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #4338CA;
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #E0E7FF;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0.25rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #94a3b8;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 2px 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #4338CA;
- background: #EEF2FF;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4338CA;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #4338CA;
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #E0E7FF;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem 0.5rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem {
- margin: 2px 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #4338CA;
- background: #EEF2FF;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4338CA;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #4338CA;
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #E0E7FF;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- border-radius: 6px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #94a3b8;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.5rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 0 none;
- color: #64748b;
- background: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #64748b;
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #e2e8f0;
- background: #ffffff;
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0.25rem;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #4338CA;
- background: #EEF2FF;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4338CA;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #4338CA;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #E0E7FF;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #64748b;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #334155;
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #EEF2FF;
- color: #4338CA;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 500;
- color: #334155;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #e2e8f0;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #e2e8f0;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #e2e8f0 transparent;
- background: #ffffff;
- color: #64748b;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #6366F1;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #4338CA;
- background: #EEF2FF;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4338CA;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #4338CA;
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #E0E7FF;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.75rem;
- margin: 0;
- border-radius: 6px;
- }
- .p-inline-message.p-inline-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #2563eb;
- }
- .p-inline-message.p-inline-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #16a34a;
- }
- .p-inline-message.p-inline-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #ca8a04;
- }
- .p-inline-message.p-inline-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #dc2626;
- }
- .p-inline-message.p-inline-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-inline-message.p-inline-message-secondary .p-inline-message-icon {
- color: #475569;
- }
- .p-inline-message.p-inline-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-inline-message.p-inline-message-contrast .p-inline-message-icon {
- color: #f8fafc;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 6px;
- }
- .p-message .p-message-wrapper {
- padding: 0.5rem 0.75rem;
- }
- .p-message .p-message-close {
- width: 1.75rem;
- height: 1.75rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-message.p-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-message.p-message-info .p-message-icon {
- color: #2563eb;
- }
- .p-message.p-message-info .p-message-close {
- color: #2563eb;
- }
- .p-message.p-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-message.p-message-success .p-message-icon {
- color: #16a34a;
- }
- .p-message.p-message-success .p-message-close {
- color: #16a34a;
- }
- .p-message.p-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-close {
- color: #ca8a04;
- }
- .p-message.p-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-message.p-message-error .p-message-icon {
- color: #dc2626;
- }
- .p-message.p-message-error .p-message-close {
- color: #dc2626;
- }
- .p-message.p-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-message.p-message-secondary .p-message-icon {
- color: #475569;
- }
- .p-message.p-message-secondary .p-message-close {
- color: #475569;
- }
- .p-message.p-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-icon {
- color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-close {
- color: #f8fafc;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1rem;
- height: 1rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 0.75rem;
- border-width: 1px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 1.125rem;
- height: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 500;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.125rem;
- height: 1.125rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- color: #475569;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- color: #f8fafc;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #f1f5f9;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #f1f5f9;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #f1f5f9;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #e2e8f0;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #cbd5e1;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #EEF2FF;
- color: #4338CA;
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #EEF2FF;
- color: #4338CA;
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f1f5f9;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #f8fafc;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #f8fafc;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #ffffff;
- background-color: rgba(255, 255, 255, 0.1);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #e2e8f0;
- border-radius: 6px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #ffffff;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #6366F1;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-badge.p-badge-success {
- background-color: #22c55e;
- color: #ffffff;
- }
- .p-badge.p-badge-info {
- background-color: #0ea5e9;
- color: #ffffff;
- }
- .p-badge.p-badge-warning {
- background-color: #f97316;
- color: #ffffff;
- }
- .p-badge.p-badge-danger {
- background-color: #ef4444;
- color: #ffffff;
- }
- .p-badge.p-badge-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-badge.p-badge-contrast {
- background-color: #020617;
- color: #ffffff;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 6px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #6366F1;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #6366F1;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.25rem;
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #6366F1;
- }
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.25rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #dc2626;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #dc2626;
- }
- 40% {
- stroke: #2563eb;
- }
- 66% {
- stroke: #16a34a;
- }
- 80%, 90% {
- stroke: #ca8a04;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7);
- }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8);
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #f8fafc;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: #e2e8f0;
- border-radius: 6px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #6366F1;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
- }
- .p-tag.p-tag-success {
- background-color: #22c55e;
- color: #ffffff;
- }
- .p-tag.p-tag-info {
- background-color: #0ea5e9;
- color: #ffffff;
- }
- .p-tag.p-tag-warning {
- background-color: #f97316;
- color: #ffffff;
- }
- .p-tag.p-tag-danger {
- background-color: #ef4444;
- color: #ffffff;
- }
- .p-tag.p-tag-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-tag.p-tag-contrast {
- background-color: #020617;
- color: #ffffff;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primevue {
- .p-accordion .p-accordion-header .p-accordion-header-link {
- border-radius: 6px !important;
- flex-direction: row-reverse;
- justify-content: space-between;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link:hover {
- border-bottom-color: #e2e8f0;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- transform: rotate(90deg);
- }
- .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon {
- transform: rotate(-180deg);
- }
- .p-accordion .p-accordion-tab {
- border-bottom: 1px solid #e2e8f0;
- }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom: 0 none;
- }
-
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.375rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete.p-disabled {
- opacity: 1;
- }
-
- .p-button-label {
- font-weight: 500;
- }
-
- .p-button.p-button-success:enabled:focus-visible {
- outline-color: #22c55e;
- }
- .p-button.p-button-info:enabled:focus-visible {
- outline-color: #0ea5e9;
- }
- .p-button.p-button-warning:enabled:focus-visible {
- outline-color: #f97316;
- }
- .p-button.p-button-help:enabled:focus-visible {
- outline-color: #a855f7;
- }
- .p-button.p-button-danger:enabled:focus-visible {
- outline-color: #ef4444;
- }
- .p-button.p-button-contrast:enabled:focus-visible {
- outline-color: #020617;
- }
- .p-button.p-button-outlined {
- border-color: var(--primary-200);
- }
- .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active {
- border-color: var(--primary-200);
- }
- .p-button.p-button-outlined.p-button-secondary {
- border-color: var(--surface-200);
- color: #64748b;
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover {
- color: #64748b;
- background-color: #f1f5f9;
- border-color: var(--surface-200);
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):active {
- color: #64748b;
- background-color: #e2e8f0;
- border-color: var(--surface-200);
- }
- .p-button.p-button-outlined.p-button-success {
- border-color: #bbf7d0;
- }
- .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active {
- border-color: #bbf7d0;
- }
- .p-button.p-button-outlined.p-button-info {
- border-color: #bae6fd;
- }
- .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active {
- border-color: #bae6fd;
- }
- .p-button.p-button-outlined.p-button-warning {
- border-color: #fed7aa;
- }
- .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active {
- border-color: #fed7aa;
- }
- .p-button.p-button-outlined.p-button-help {
- border-color: #e9d5ff;
- }
- .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active {
- border-color: #e9d5ff;
- }
- .p-button.p-button-outlined.p-button-danger {
- border-color: #fecaca;
- }
- .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active {
- border-color: #fecaca;
- }
- .p-button.p-button-outlined.p-button-contrast {
- border-color: #334155;
- }
- .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active {
- border-color: #334155;
- }
- .p-button.p-button-secondary.p-button-text {
- color: #64748b;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover {
- background: #f1f5f9;
- color: #64748b;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active {
- background: #e2e8f0;
- color: #64748b;
- }
-
- .p-datepicker-buttonbar .p-button {
- padding: 0.25rem 0.75rem;
- font-size: 0.875rem;
- }
-
- .p-datepicker .p-datepicker-group-container + .p-timepicker {
- margin-top: 0.5rem;
- padding-top: 0.5rem;
- }
- .p-datepicker table th {
- font-weight: 500;
- }
-
- .p-card {
- border-radius: 12px;
- display: flex;
- flex-direction: column;
- }
- .p-card .p-card-caption {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-card .p-card-caption .p-card-title,
-.p-card .p-card-caption .p-card-subtitle {
- margin-bottom: 0;
- }
- .p-card .p-card-body {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #6366F1;
- }
-
- .p-cascadeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-cascadeselect .p-cascadeselect-label {
- box-shadow: none;
- }
- .p-cascadeselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-cascadeselect.p-disabled .p-cascadeselect-label {
- color: #64748b;
- }
-
- div.p-cascadeselect-panel {
- border: 0 none;
- box-shadow: none;
- }
-
- .p-checkbox .p-checkbox-box {
- border-radius: 4px;
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
- border-color: #6366F1;
- }
- .p-checkbox.p-disabled {
- opacity: 1;
- }
- .p-checkbox.p-disabled .p-checkbox-box {
- background-color: #e2e8f0;
- border: 1px solid #cbd5e1;
- }
- .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {
- color: #64748b;
- }
-
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.375rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips.p-disabled .p-chips-multiple-container {
- opacity: 1;
- background-color: #e2e8f0;
- }
-
- .p-chip {
- border-radius: 16px;
- padding: 0.25rem 0.75rem;
- }
- .p-chip .p-chip-text {
- margin-top: 0;
- margin-bottom: 0;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.375rem;
- }
- .p-chip:has(.p-chip-remove-icon) {
- padding-right: 0.5rem;
- }
- .p-chip img {
- margin-left: -0.5rem;
- }
-
- .p-colorpicker-preview {
- padding: 0;
- }
- .p-colorpicker-preview:enabled:focus {
- outline-offset: 2px;
- }
- .p-colorpicker-preview.p-inputtext.p-disabled {
- opacity: 0.6;
- }
-
- .p-confirm-popup {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #6366F1;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #6366F1;
- }
- .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: #bdccff;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight > td {
- border-bottom-color: #bdccff;
- }
-
- .p-dataview-layout-options.p-selectbutton .p-button svg {
- position: relative;
- }
-
- .p-dialog {
- border-radius: 12px;
- background-color: #ffffff;
- }
- .p-dialog.p-dialog-maximized {
- border-radius: 0;
- }
- .p-dialog .p-dialog-header {
- border-top-right-radius: 12px;
- border-top-left-radius: 12px;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
- .p-dialog .p-dialog-footer {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
-
- .p-dropdown {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-dropdown .p-dropdown-label {
- box-shadow: none;
- }
- .p-dropdown.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-dropdown.p-disabled .p-dropdown-label {
- color: #64748b;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- margin-left: -0.375rem;
- margin-right: 0.375rem;
- }
-
- .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: #bdccff;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td {
- border-bottom-color: #bdccff;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover {
- background-color: #EEF2FF;
- color: #4338CA;
- }
-
- .p-fieldset {
- padding: 0 1.125rem 1.125rem 1.125rem;
- margin: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text {
- padding: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- color: #64748b;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background-color: #f1f5f9;
- }
- .p-fieldset .p-fieldset-legend {
- border: 0 none;
- padding: 0;
- margin-bottom: 0.375rem;
- }
- .p-fieldset .p-fieldset-legend span {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0;
- }
-
- .p-column-filter-overlay-menu {
- padding: 0.75rem;
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraints {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 0 0 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button {
- margin-bottom: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0;
- }
-
- .p-fileupload .p-fileupload-content {
- border-top: 0 none;
- padding-top: 1.125rem;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #6366F1;
- }
-
- .p-inline-message-text {
- font-weight: 500;
- }
-
- .p-inline-message {
- backdrop-filter: blur(1.5px);
- }
-
- .p-inline-message.p-inline-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
-
- .p-inline-message.p-inline-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
-
- .p-inline-message.p-inline-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
-
- .p-inline-message.p-inline-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
-
- .p-inline-message.p-inline-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
-
- .p-inline-message.p-inline-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
-
- .p-inputgroup-addon {
- padding: 0.5rem;
- }
-
- .p-inputnumber.p-inputnumber-buttons-stacked {
- position: relative;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- position: absolute;
- top: 1px;
- right: 1px;
- height: calc(100% - 2px);
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #cbd5e1;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up {
- border-left: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down {
- border-right: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #cbd5e1;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up {
- border-bottom: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down {
- border-top: 0 none;
- }
-
- .p-inputswitch .p-inputswitch-slider {
- border: 0 none;
- }
- .p-inputswitch.p-highlight p-inputswitch-slider:before {
- left: 1.25rem;
- transform: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- background: #f87171;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
- background: #ffffff;
- }
-
- .p-inputtext {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
-
- .p-inputtext:disabled {
- opacity: 1;
- background-color: #e2e8f0;
- color: #64748b;
- }
-
- .p-knob svg {
- border-radius: 6px;
- outline-color: transparent;
- transition: outline-color 0.2s;
- }
- .p-knob svg:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-listbox {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-listbox.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-listbox.p-disabled .p-listbox-list .p-listbox-item {
- color: #64748b;
- }
-
- .p-message {
- backdrop-filter: blur(1.5px);
- }
-
- .p-message.p-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-message.p-message-info .p-message-close:focus-visible {
- outline-color: #2563eb;
- }
- .p-message.p-message-info .p-message-close:hover {
- background: #dbeafe;
- }
-
- .p-message.p-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-message.p-message-success .p-message-close:focus-visible {
- outline-color: #16a34a;
- }
- .p-message.p-message-success .p-message-close:hover {
- background: #dcfce7;
- }
-
- .p-message.p-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-message.p-message-warn .p-message-close:focus-visible {
- outline-color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-close:hover {
- background: #fef9c3;
- }
-
- .p-message.p-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-message.p-message-error .p-message-close:focus-visible {
- outline-color: #dc2626;
- }
- .p-message.p-message-error .p-message-close:hover {
- background: #fee2e2;
- }
-
- .p-message.p-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-message.p-message-secondary .p-message-close:focus-visible {
- outline-color: #475569;
- }
- .p-message.p-message-secondary .p-message-close:hover {
- background: #e2e8f0;
- }
-
- .p-message.p-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-message.p-message-contrast .p-message-close:focus-visible {
- outline-color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-close:hover {
- background: #1e293b;
- }
-
- .p-multiselect-panel .p-multiselect-header {
- padding-left: 1rem;
- padding-right: 1rem;
- }
-
- .p-multiselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-multiselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-multiselect.p-disabled .p-multiselect-label {
- color: #64748b;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- border-radius: 4px;
- margin-right: 0.25rem;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.375rem;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header {
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action {
- background: #e2e8f0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #334155;
- padding: 0.5rem 0.75rem;
- font-weight: 600;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover {
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content {
- border-radius: 6px;
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-panel {
- padding: 0.25rem 0.25rem;
- overflow: hidden;
- margin-bottom: 0.75rem;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
-
- .p-password-panel {
- background-color: #ffffff;
- border: 1px solid #e2e8f0;
- padding: 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.75rem;
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength {
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #ef4444;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #f59e0b;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #22c55e;
- }
-
- .p-orderlist-controls .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-orderlist-controls .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-orderlist-controls .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-orderlist-controls .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
-
- .p-orderlist .p-orderlist-header {
- background: #ffffff;
- color: #334155;
- border: 0 none;
- border-bottom: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #64748b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list {
- border: 1px solid #cbd5e1;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- border-radius: 6px;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-organizationchart .p-organizationchart-node-content {
- padding: 0.75rem 1rem;
- border-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid #e2e8f0;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: static;
- }
- .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) {
- padding: 0.75rem 1rem 1.25rem 1rem;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
- border-right: 0 none;
- }
- .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) {
- border-top-right-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) {
- border-left: 1px solid #e2e8f0;
- border-top-left-radius: 6px;
- }
-
- .p-overlaypanel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.75rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- position: absolute;
- top: 0.25rem;
- right: 0.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-overlaypanel .p-overlaypanel-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-panel {
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- background-color: #ffffff;
- }
- .p-panel .p-panel-header,
-.p-panel .p-panel-content,
-.p-panel .p-panel-footer {
- background: transparent;
- border: 0 none;
- }
- .p-panel:has(.p-panel-footer) .p-panel-content {
- padding-bottom: 0.875rem;
- }
-
- .p-picklist-buttons .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-picklist-buttons .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-picklist-buttons .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-picklist-buttons .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
-
- .p-picklist .p-picklist-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #64748b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-picklist .p-picklist-list {
- border: 1px solid #cbd5e1;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- border-radius: 6px;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-progressbar-label {
- font-size: 0.75rem;
- font-weight: 600;
- }
-
- .p-radiobutton .p-radiobutton-box {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box {
- border-color: #6366F1;
- }
- .p-radiobutton.p-disabled {
- opacity: 1;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box {
- border: 1px solid #cbd5e1;
- background-color: #e2e8f0;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon {
- background-color: #64748b;
- }
-
- .p-rating {
- gap: 0.25rem;
- }
-
- .p-selectbutton .p-button .pi,
-.p-selectbutton .p-button .p-button-label {
- position: relative;
- transition: none;
- }
- .p-selectbutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-selectbutton .p-button.p-highlight::before {
- background: #ffffff;
- border-color: #ffffff;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-selectbutton .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-selectbutton .p-button.p-disabled {
- opacity: 1;
- color: #94a3b8;
- }
- .p-selectbutton.p-invalid {
- box-shadow: 0 0 0 1px #f87171;
- border-radius: 6px;
- }
- .p-selectbutton.p-invalid > .p-button {
- border: 1px solid #f1f5f9;
- }
- .p-selectbutton.p-disabled {
- opacity: 1;
- }
- .p-selectbutton.p-disabled .p-button {
- color: #94a3b8;
- }
-
- .p-slider .p-slider-handle {
- display: flex !important;
- justify-content: center;
- align-items: center;
- }
- .p-slider .p-slider-handle::before {
- content: "";
- width: 16px;
- height: 16px;
- display: block;
- background-color: #ffffff;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline-color: #b1b3f8;
- }
-
- .p-speeddial-button.p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-splitter-gutter-handle {
- border-radius: 6px;
- }
-
- .p-stepper .p-stepper-header .p-stepper-number {
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #ffffff;
- color: #6366F1;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #6366F1;
- }
-
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- border-width: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-steps-number {
- position: relative;
- font-weight: 500;
- }
- .p-steps .p-steps-item .p-steps-number::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #ffffff;
- color: #6366F1;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- color: #6366F1;
- }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1;
- }
- .p-steps .p-steps-item:before {
- border-top-width: 2px;
- margin-top: calc(-1rem + 1px);
- }
- .p-steps .p-steps-item:first-child::before {
- width: calc(50% + 1rem);
- transform: translateX(100%);
- }
- .p-steps .p-steps-item:last-child::before {
- width: 50%;
- }
-
- .p-tabmenu .p-tabmenu-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: -1px;
- height: 1px;
- background-color: #6366F1;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabmenu .p-tabmenu-nav {
- position: relative;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-tabview .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 1px;
- background-color: #6366F1;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabview .p-tabview-nav {
- position: relative;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6);
- }
- .p-tabview .p-tabview-nav-btn.p-link:hover {
- color: #475569;
- }
-
- .p-tag {
- background: var(--primary-100);
- color: var(--primary-700);
- }
- .p-tag.p-tag-success {
- background: var(--green-100);
- color: var(--green-700);
- }
- .p-tag.p-tag-info {
- background: var(--blue-100);
- color: var(--blue-700);
- }
- .p-tag.p-tag-warning {
- background: var(--orange-100);
- color: var(--orange-700);
- }
- .p-tag.p-tag-danger {
- background: var(--red-100);
- color: var(--red-700);
- }
-
- .p-terminal {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- }
- .p-terminal .p-terminal-prompt {
- margin-right: 0.25rem;
- }
- .p-terminal .p-terminal-response {
- margin: 2px 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- position: relative;
- }
- .p-timeline .p-timeline-event-marker::before {
- content: " ";
- border-radius: 50%;
- width: 0.375rem;
- height: 0.375rem;
- background-color: #6366F1;
- }
- .p-timeline .p-timeline-event-marker::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-toast .p-toast-message {
- backdrop-filter: blur(1.5px);
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- font-size: 0.875rem;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.75rem;
- height: 1.75rem;
- margin-top: -25%;
- right: -25%;
- position: relative;
- }
-
- .p-toast .p-toast-message.p-toast-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- outline-color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
- background: #dbeafe;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- outline-color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
- background: #dcfce7;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- outline-color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
- background: #fef9c3;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
- background: #fee2e2;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover {
- background: #e2e8f0;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover {
- background: #1e293b;
- }
-
- .p-togglebutton .p-button .p-button-label,
-.p-togglebutton .p-button .p-button-icon {
- position: relative;
- transition: none;
- }
- .p-togglebutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-togglebutton.p-highlight .p-button::before {
- background: #ffffff;
- border-color: #ffffff;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-togglebutton.p-disabled {
- opacity: 1;
- }
- .p-togglebutton.p-disabled .p-button {
- color: #94a3b8;
- }
- .p-togglebutton.p-disabled .p-button .p-button-icon {
- color: #94a3b8;
- }
-
- .p-toolbar {
- padding: 0.75rem;
- }
-
- .p-tree {
- border: 0 none;
- padding: 1rem;
- }
- .p-tree .p-tree-container .p-treenode {
- margin: 2px 0;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline-offset: -2px;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover {
- background-color: #EEF2FF;
- }
- .p-tree .p-tree-container > .p-treenode:first-child {
- margin-top: 0;
- }
- .p-tree .p-tree-container > .p-treenode:last-child {
- margin-bottom: 0;
- }
-
- .p-treeselect-panel .p-tree {
- padding: 0.25rem 0.25rem;
- }
-
- .p-treeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-treeselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-treeselect.p-disabled .p-treeselect-label {
- color: #64748b;
- }
-}
diff --git a/public/themes/aura-light-lime/fonts/Inter-italic.var.woff2 b/public/themes/aura-light-lime/fonts/Inter-italic.var.woff2
deleted file mode 100644
index b826d5a..0000000
Binary files a/public/themes/aura-light-lime/fonts/Inter-italic.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-light-lime/fonts/Inter-roman.var.woff2 b/public/themes/aura-light-lime/fonts/Inter-roman.var.woff2
deleted file mode 100644
index 6a256a0..0000000
Binary files a/public/themes/aura-light-lime/fonts/Inter-roman.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-light-lime/theme.css b/public/themes/aura-light-lime/theme.css
deleted file mode 100644
index 4d51d27..0000000
--- a/public/themes/aura-light-lime/theme.css
+++ /dev/null
@@ -1,12111 +0,0 @@
-:root {
- font-family: "Inter var", sans-serif;
- font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- font-variation-settings: normal;
- --font-family: "Inter var", sans-serif;
- --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- --text-color: #334155;
- --text-color-secondary: #64748b;
- --primary-color: #84cc16;
- --primary-color-text: #ffffff;
- --surface-0: #ffffff;
- --surface-50: #f8fafc;
- --surface-100: #f1f5f9;
- --surface-200: #e2e8f0;
- --surface-300: #cbd5e1;
- --surface-400: #94a3b8;
- --surface-500: #64748b;
- --surface-600: #475569;
- --surface-700: #334155;
- --surface-800: #1e293b;
- --surface-900: #0f172a;
- --surface-950: #020617;
- --gray-0: #ffffff;
- --gray-50: #f8fafc;
- --gray-100: #f1f5f9;
- --gray-200: #e2e8f0;
- --gray-300: #cbd5e1;
- --gray-400: #94a3b8;
- --gray-500: #64748b;
- --gray-600: #475569;
- --gray-700: #334155;
- --gray-800: #1e293b;
- --gray-900: #0f172a;
- --gray-950: #020617;
- --content-padding: 1.125rem;
- --inline-spacing: 0.5rem;
- --border-radius: 6px;
- --surface-ground: #f8fafc;
- --surface-section: #ffffff;
- --surface-card: #ffffff;
- --surface-overlay: #ffffff;
- --surface-border: #e2e8f0;
- --surface-hover: #f1f5f9;
- --focus-ring: none;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #f7fee7;
- --highlight-text-color: #4d7c0f;
- --p-anchor-gutter: 2px;
- color-scheme: light;
-}
-
-:root {
- --p-focus-ring-color: var(--primary-color);
-}
-
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: normal;
- font-named-instance: "Regular";
- src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
-}
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: italic;
- font-named-instance: "Italic";
- src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
-}
-:root {
- --blue-50:#f5f9ff;
- --blue-100:#d0e1fd;
- --blue-200:#abc9fb;
- --blue-300:#85b2f9;
- --blue-400:#609af8;
- --blue-500:#3b82f6;
- --blue-600:#326fd1;
- --blue-700:#295bac;
- --blue-800:#204887;
- --blue-900:#183462;
- --green-50:#f4fcf7;
- --green-100:#caf1d8;
- --green-200:#a0e6ba;
- --green-300:#76db9b;
- --green-400:#4cd07d;
- --green-500:#22c55e;
- --green-600:#1da750;
- --green-700:#188a42;
- --green-800:#136c34;
- --green-900:#0e4f26;
- --yellow-50:#fefbf3;
- --yellow-100:#faedc4;
- --yellow-200:#f6de95;
- --yellow-300:#f2d066;
- --yellow-400:#eec137;
- --yellow-500:#eab308;
- --yellow-600:#c79807;
- --yellow-700:#a47d06;
- --yellow-800:#816204;
- --yellow-900:#5e4803;
- --cyan-50:#f3fbfd;
- --cyan-100:#c3edf5;
- --cyan-200:#94e0ed;
- --cyan-300:#65d2e4;
- --cyan-400:#35c4dc;
- --cyan-500:#06b6d4;
- --cyan-600:#059bb4;
- --cyan-700:#047f94;
- --cyan-800:#036475;
- --cyan-900:#024955;
- --pink-50:#fef6fa;
- --pink-100:#fad3e7;
- --pink-200:#f7b0d3;
- --pink-300:#f38ec0;
- --pink-400:#f06bac;
- --pink-500:#ec4899;
- --pink-600:#c93d82;
- --pink-700:#a5326b;
- --pink-800:#822854;
- --pink-900:#5e1d3d;
- --indigo-50:#f7f7fe;
- --indigo-100:#dadafc;
- --indigo-200:#bcbdf9;
- --indigo-300:#9ea0f6;
- --indigo-400:#8183f4;
- --indigo-500:#6366f1;
- --indigo-600:#5457cd;
- --indigo-700:#4547a9;
- --indigo-800:#363885;
- --indigo-900:#282960;
- --teal-50:#f3fbfb;
- --teal-100:#c7eeea;
- --teal-200:#9ae0d9;
- --teal-300:#6dd3c8;
- --teal-400:#41c5b7;
- --teal-500:#14b8a6;
- --teal-600:#119c8d;
- --teal-700:#0e8174;
- --teal-800:#0b655b;
- --teal-900:#084a42;
- --orange-50:#fff8f3;
- --orange-100:#feddc7;
- --orange-200:#fcc39b;
- --orange-300:#fba86f;
- --orange-400:#fa8e42;
- --orange-500:#f97316;
- --orange-600:#d46213;
- --orange-700:#ae510f;
- --orange-800:#893f0c;
- --orange-900:#642e09;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dadee3;
- --bluegray-200:#bcc3cd;
- --bluegray-300:#9fa9b7;
- --bluegray-400:#818ea1;
- --bluegray-500:#64748b;
- --bluegray-600:#556376;
- --bluegray-700:#465161;
- --bluegray-800:#37404c;
- --bluegray-900:#282e38;
- --purple-50:#fbf7ff;
- --purple-100:#ead6fd;
- --purple-200:#dab6fc;
- --purple-300:#c996fa;
- --purple-400:#b975f9;
- --purple-500:#a855f7;
- --purple-600:#8f48d2;
- --purple-700:#763cad;
- --purple-800:#5c2f88;
- --purple-900:#432263;
- --red-50:#fff5f5;
- --red-100:#ffd0ce;
- --red-200:#ffaca7;
- --red-300:#ff8780;
- --red-400:#ff6259;
- --red-500:#ff3d32;
- --red-600:#d9342b;
- --red-700:#b32b23;
- --red-800:#8c221c;
- --red-900:#661814;
- --primary-50:#f9fcf3;
- --primary-100:#e1f3c7;
- --primary-200:#cae99b;
- --primary-300:#b3df6f;
- --primary-400:#9bd642;
- --primary-500:#84cc16;
- --primary-600:#70ad13;
- --primary-700:#5c8f0f;
- --primary-800:#49700c;
- --primary-900:#355209;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #ffffff;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #e2e8f0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- padding: 0.25rem 0.25rem;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #1e293b;
- background: #f1f5f9;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 0.75rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #e2e8f0;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #84cc16;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #84cc16;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #84cc16;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #84cc16;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.6;
- }
-
- .p-error {
- color: #f87171;
- }
-
- .p-text-secondary {
- color: #64748b;
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.25rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #94a3b8;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #e2e8f0;
- color: #0f172a;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-autocomplete-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.25rem 0.25rem;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #4d7c0f;
- background: #f7fee7;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(132, 204, 22, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
-
- .p-datepicker {
- padding: 0.75rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0 0 0.5rem 0;
- color: #334155;
- background: #ffffff;
- font-weight: 500;
- margin: 0 0 0 0;
- border-bottom: 1px solid #e2e8f0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 1.75rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-weight: 500;
- padding: 0.25rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #84cc16;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker table th {
- padding: 0.25rem;
- }
- .p-datepicker table th > span {
- width: 2rem;
- height: 2rem;
- }
- .p-datepicker table td {
- padding: 0.25rem;
- }
- .p-datepicker table td > span {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: #4d7c0f;
- background: #f7fee7;
- }
- .p-datepicker table td > span:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #e2e8f0;
- color: #0f172a;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #4d7c0f;
- background: #f7fee7;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.5rem 0 0 0;
- border-top: 1px solid #e2e8f0;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #e2e8f0;
- padding: 0;
- }
- .p-datepicker .p-timepicker button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #4d7c0f;
- background: #f7fee7;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #4d7c0f;
- background: #f7fee7;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #e2e8f0;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0.25rem;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #f8fafc;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #f8fafc;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #64748b;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-cascadeselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #4d7c0f;
- background: #f7fee7;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(132, 204, 22, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #cbd5e1;
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- color: #334155;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 0.875rem;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #84cc16;
- background: #84cc16;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #94a3b8;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #65a30d;
- background: #65a30d;
- color: #ffffff;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #f87171;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #84cc16;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #65a30d;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #84cc16;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #65a30d;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #94a3b8;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #e2e8f0;
- color: #0f172a;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-colorpicker-panel {
- background: #323232;
- border: 1px solid #191919;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff;
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-dropdown.p-variant-filled {
- background: #f8fafc;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #64748b;
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #94a3b8;
- right: 2.5rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-dropdown-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.25rem 0.25rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #4d7c0f;
- background: #f7fee7;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(132, 204, 22, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #ffffff;
- color: #64748b;
- border-top: 1px solid #cbd5e1;
- border-left: 1px solid #cbd5e1;
- border-bottom: 1px solid #cbd5e1;
- padding: 0.5rem 0.75rem;
- min-width: 2.5rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #cbd5e1;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.5rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: #94a3b8;
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: #94a3b8;
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #f8fafc;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #f8fafc;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 2.5rem;
- height: 1.5rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1rem;
- height: 1rem;
- left: 0.25rem;
- margin-top: -0.5rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #84cc16;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #ffffff;
- transform: translateX(1rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #94a3b8;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #65a30d;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #f87171;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- background: #ffffff;
- padding: 0.5rem 0.75rem;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- appearance: none;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #94a3b8;
- }
- .p-inputtext:enabled:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #f87171;
- }
- .p-inputtext.p-variant-filled {
- background-color: #f8fafc;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #f8fafc;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: #64748b;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #f87171;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: #64748b;
- }
-
- :-moz-placeholder {
- color: #64748b;
- }
-
- ::-moz-placeholder {
- color: #64748b;
- }
-
- :-ms-input-placeholder {
- color: #64748b;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #f8fafc;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #f8fafc;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-listbox .p-listbox-list {
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #4d7c0f;
- background: #f7fee7;
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(132, 204, 22, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-listbox.p-invalid {
- border-color: #f87171;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-multiselect.p-variant-filled {
- background: #f8fafc;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #64748b;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #4d7c0f;
- background: #f7fee7;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(132, 204, 22, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-password-panel {
- padding: 0 1.125rem 1.125rem 1.125rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #e2e8f0;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #ef4444;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #f59e0b;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #22c55e;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #cbd5e1;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #cbd5e1;
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- color: #334155;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 0.75rem;
- height: 0.75rem;
- transition-duration: 0.2s;
- background-color: #84cc16;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #84cc16;
- background: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #94a3b8;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #65a30d;
- background: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #65a30d;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #f87171;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-size: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f87171;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #84cc16;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #84cc16;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #ef4444;
- }
-
- .p-selectbutton .p-button {
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #64748b;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #334155;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #334155;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #0f172a;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #f87171;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #e2e8f0;
- border: 0 none;
- border-radius: 6px;
- }
- .p-slider.p-slider-horizontal {
- height: 3px;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px;
- }
- .p-slider.p-slider-vertical {
- width: 3px;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px;
- }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #e2e8f0;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-slider .p-slider-range {
- background: #84cc16;
- border-radius: 6px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #e2e8f0;
- border-color: transparent;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-treeselect.p-variant-filled {
- background: #f8fafc;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #64748b;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #f8fafc;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #f1f5f9;
- border-radius: 6px;
- }
- .p-togglebutton .p-button {
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #64748b;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #334155;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #334155;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #f87171;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #ffffff;
- background: #84cc16;
- border: 1px solid #84cc16;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #65a30d;
- color: #ffffff;
- border-color: #65a30d;
- }
- .p-button:not(:disabled):active {
- background: #4d7c0f;
- color: #ffffff;
- border-color: #4d7c0f;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #84cc16;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(132, 204, 22, 0.04);
- color: #84cc16;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(132, 204, 22, 0.16);
- color: #84cc16;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #334155;
- border-color: #334155;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: #f1f5f9;
- color: #334155;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: #e2e8f0;
- color: #334155;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #84cc16;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(132, 204, 22, 0.04);
- color: #84cc16;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(132, 204, 22, 0.16);
- color: #84cc16;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #334155;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: #f1f5f9;
- color: #334155;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: #e2e8f0;
- color: #334155;
- }
- .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #84cc16;
- background-color: #ffffff;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.5rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.5rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.5rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(241, 245, 249, 0.04);
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(241, 245, 249, 0.16);
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #f1f5f9;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(241, 245, 249, 0.04);
- border-color: transparent;
- color: #f1f5f9;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(241, 245, 249, 0.16);
- border-color: transparent;
- color: #f1f5f9;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #ffffff;
- background: #0ea5e9;
- border: 1px solid #0ea5e9;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #0284c7;
- color: #ffffff;
- border-color: #0284c7;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #0369a1;
- color: #ffffff;
- border-color: #0369a1;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(14, 165, 233, 0.04);
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(14, 165, 233, 0.16);
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #0ea5e9;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(14, 165, 233, 0.04);
- border-color: transparent;
- color: #0ea5e9;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(14, 165, 233, 0.16);
- border-color: transparent;
- color: #0ea5e9;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #ffffff;
- background: #22c55e;
- border: 1px solid #22c55e;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #16a34a;
- color: #ffffff;
- border-color: #16a34a;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #15803d;
- color: #ffffff;
- border-color: #15803d;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(34, 197, 94, 0.04);
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(34, 197, 94, 0.16);
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #22c55e;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(34, 197, 94, 0.04);
- border-color: transparent;
- color: #22c55e;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(34, 197, 94, 0.16);
- border-color: transparent;
- color: #22c55e;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #ffffff;
- background: #f97316;
- border: 1px solid #f97316;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ea580c;
- color: #ffffff;
- border-color: #ea580c;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #c2410c;
- color: #ffffff;
- border-color: #c2410c;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(249, 115, 22, 0.04);
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(249, 115, 22, 0.16);
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #f97316;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(249, 115, 22, 0.04);
- border-color: transparent;
- color: #f97316;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(249, 115, 22, 0.16);
- border-color: transparent;
- color: #f97316;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #ffffff;
- background: #a855f7;
- border: 1px solid #a855f7;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #9333ea;
- color: #ffffff;
- border-color: #9333ea;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #7e22ce;
- color: #ffffff;
- border-color: #7e22ce;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(168, 85, 247, 0.04);
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(168, 85, 247, 0.16);
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #a855f7;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(168, 85, 247, 0.04);
- border-color: transparent;
- color: #a855f7;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(168, 85, 247, 0.16);
- border-color: transparent;
- color: #a855f7;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #ffffff;
- background: #ef4444;
- border: 1px solid #ef4444;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #dc2626;
- color: #ffffff;
- border-color: #dc2626;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #b91c1c;
- color: #ffffff;
- border-color: #b91c1c;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(239, 68, 68, 0.04);
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(239, 68, 68, 0.16);
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #ef4444;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(239, 68, 68, 0.04);
- border-color: transparent;
- color: #ef4444;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(239, 68, 68, 0.16);
- border-color: transparent;
- color: #ef4444;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #ffffff;
- background: #020617;
- border: 1px solid #020617;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #1e293b;
- color: #ffffff;
- border-color: #1e293b;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #334155;
- color: #ffffff;
- border-color: #334155;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(2, 6, 23, 0.04);
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(2, 6, 23, 0.16);
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #020617;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(2, 6, 23, 0.04);
- border-color: transparent;
- color: #020617;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(2, 6, 23, 0.16);
- border-color: transparent;
- color: #020617;
- }
-
- .p-button.p-button-link {
- color: #65a30d;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #65a30d;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #65a30d;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-speeddial-action {
- width: 2.5rem;
- height: 2.5rem;
- background: #f1f5f9;
- color: #475569;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-speeddial-action:hover {
- background: #e2e8f0;
- color: #334155;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 6px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 6px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #e2e8f0;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #cbd5e1;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #f7fee7;
- color: #4d7c0f;
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #64748b;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: #4d7c0f;
- background: #f7fee7;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #475569;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #f7fee7;
- color: #4d7c0f;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #4d7c0f;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #f7fee7;
- color: #4d7c0f;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #4d7c0f;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: 0 none;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #ffffff;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #f7fee7;
- color: #4d7c0f;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #f7fee7;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #f7fee7;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-datatable .p-column-resizer-helper {
- background: #84cc16;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #ffffff;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #f8fafc;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: #f7fee7;
- color: #4d7c0f;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: #4d7c0f;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: #4d7c0f;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #ffffff;
- color: #334155;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: #f1f5f9;
- color: #475569;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #f7fee7;
- color: #4d7c0f;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-clear-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-overlay {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.25rem 0.25rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #4d7c0f;
- background: #f7fee7;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-bottom: 1px solid #e2e8f0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-orderlist .p-orderlist-header {
- color: #334155;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: #334155;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #e2e8f0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #4d7c0f;
- background: #f7fee7;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(132, 204, 22, 0.24);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #f8fafc;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: #f1f5f9;
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #f7fee7;
- color: #4d7c0f;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #cef96d;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #e2e8f0;
- border-color: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #e2e8f0;
- border-color: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #ffffff;
- color: #334155;
- border: solid #e2e8f0;
- border-width: 0;
- padding: 0.5rem 1rem;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: transparent;
- color: #475569;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 50%;
- border-bottom-left-radius: 50%;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 50%;
- border-bottom-right-radius: 50%;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.5rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.5rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #f7fee7;
- border-color: #f7fee7;
- color: #4d7c0f;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: transparent;
- color: #475569;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-picklist .p-picklist-header {
- color: #334155;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: #334155;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #e2e8f0;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #4d7c0f;
- background: #f7fee7;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(132, 204, 22, 0.24);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #f8fafc;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: #f1f5f9;
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #e2e8f0;
- border-radius: 50%;
- width: 1.125rem;
- height: 1.125rem;
- background-color: #ffffff;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #e2e8f0;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-radius: 6px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0 0;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- padding: 0.25rem 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #475569;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #334155;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #f7fee7;
- color: #4d7c0f;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #4d7c0f;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #4d7c0f;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- }
- .p-treetable .p-sortable-column {
- outline-color: var(--p-focus-ring-color);
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #64748b;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: #4d7c0f;
- background: #f7fee7;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #475569;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #f7fee7;
- color: #4d7c0f;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #4d7c0f;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #ffffff;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #334155;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #f7fee7;
- color: #4d7c0f;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #4d7c0f;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #4d7c0f;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #1e293b;
- }
- .p-treetable .p-column-resizer-helper {
- background: #84cc16;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #ffffff;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #64748b;
- background: #ffffff;
- font-weight: 600;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #e2e8f0;
- background: #ffffff;
- color: #334155;
- }
- .p-accordion .p-accordion-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-card {
- background: #ffffff;
- color: #334155;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-card .p-card-body {
- padding: 1.5rem;
- }
- .p-card .p-card-title {
- font-size: 1.25rem;
- font-weight: 600;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #64748b;
- }
- .p-card .p-card-content {
- padding: 0 0 0 0;
- }
- .p-card .p-card-footer {
- padding: 0 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-radius: 6px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- background: #ffffff;
- font-weight: 600;
- border-radius: 6px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1.125rem;
- color: #334155;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: #1e293b;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #ffffff;
- border-color: #ffffff;
- color: #1e293b;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #ffffff;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #e2e8f0;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #e2e8f0;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #e2e8f0;
- padding: 1.125rem;
- background: #ffffff;
- color: #334155;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.75rem 1.125rem;
- }
- .p-panel .p-panel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panel .p-panel-footer {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #f1f5f9;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- border-radius: 6px;
- color: #334155;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- background: #e2e8f0;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #e2e8f0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #e2e8f0;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #64748b;
- border: 1px solid #e2e8f0;
- border-width: 2px;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #334155;
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #f7fee7;
- color: #4d7c0f;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #334155;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #84cc16;
- }
- .p-stepper .p-stepper-panels {
- background: #ffffff;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- color: #334155;
- }
- .p-stepper .p-stepper-separator {
- background-color: #e2e8f0;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #ffffff;
- color: #334155;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #84cc16;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #e2e8f0;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #e2e8f0 transparent;
- background: #ffffff;
- color: #64748b;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #84cc16;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #ffffff;
- color: #84cc16;
- width: 2.5rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-panels {
- background: #ffffff;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- padding: 1.125rem;
- border-radius: 6px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(226, 232, 240, 0);
- border-bottom-color: #d3dce8;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #e2e8f0;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- border: 1px solid #e2e8f0;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 1.5rem;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #334155;
- padding: 0 1.5rem 1.5rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #84cc16;
- color: #ffffff;
- width: 1.75rem;
- height: 1.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -0.875rem;
- right: -0.875rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #65a30d;
- color: #ffffff;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(226, 232, 240, 0);
- border-bottom-color: #d3dce8;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #e2e8f0;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1.125rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #334155;
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #334155;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #334155;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #334155;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #334155;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #ffffff;
- padding: 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fileupload .p-fileupload-content {
- background: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #84cc16;
- background-color: #f7fee7;
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #65a30d;
- color: #ffffff;
- border-color: #65a30d;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #4d7c0f;
- color: #ffffff;
- border-color: #4d7c0f;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #ffffff;
- border: 0 none;
- border-radius: 6px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #94a3b8;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #334155;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #94a3b8;
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-contextmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #4d7c0f;
- background: #f7fee7;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4d7c0f;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #4d7c0f;
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(132, 204, 22, 0.24);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 6px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-dock .p-dock-link {
- width: 3rem;
- height: 3rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem 0.5rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 2px 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #4d7c0f;
- background: #f7fee7;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4d7c0f;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #4d7c0f;
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(132, 204, 22, 0.24);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0.25rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #94a3b8;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 2px 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #4d7c0f;
- background: #f7fee7;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4d7c0f;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #4d7c0f;
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(132, 204, 22, 0.24);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem 0.5rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem {
- margin: 2px 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #4d7c0f;
- background: #f7fee7;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4d7c0f;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #4d7c0f;
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(132, 204, 22, 0.24);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- border-radius: 6px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #94a3b8;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.5rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 0 none;
- color: #64748b;
- background: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #64748b;
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #e2e8f0;
- background: #ffffff;
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0.25rem;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #4d7c0f;
- background: #f7fee7;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4d7c0f;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #4d7c0f;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(132, 204, 22, 0.24);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #64748b;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #334155;
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #f7fee7;
- color: #4d7c0f;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 500;
- color: #334155;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #e2e8f0;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #e2e8f0;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #e2e8f0 transparent;
- background: #ffffff;
- color: #64748b;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #84cc16;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #4d7c0f;
- background: #f7fee7;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #4d7c0f;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #4d7c0f;
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(132, 204, 22, 0.24);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.75rem;
- margin: 0;
- border-radius: 6px;
- }
- .p-inline-message.p-inline-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #2563eb;
- }
- .p-inline-message.p-inline-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #16a34a;
- }
- .p-inline-message.p-inline-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #ca8a04;
- }
- .p-inline-message.p-inline-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #dc2626;
- }
- .p-inline-message.p-inline-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-inline-message.p-inline-message-secondary .p-inline-message-icon {
- color: #475569;
- }
- .p-inline-message.p-inline-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-inline-message.p-inline-message-contrast .p-inline-message-icon {
- color: #f8fafc;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 6px;
- }
- .p-message .p-message-wrapper {
- padding: 0.5rem 0.75rem;
- }
- .p-message .p-message-close {
- width: 1.75rem;
- height: 1.75rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-message.p-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-message.p-message-info .p-message-icon {
- color: #2563eb;
- }
- .p-message.p-message-info .p-message-close {
- color: #2563eb;
- }
- .p-message.p-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-message.p-message-success .p-message-icon {
- color: #16a34a;
- }
- .p-message.p-message-success .p-message-close {
- color: #16a34a;
- }
- .p-message.p-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-close {
- color: #ca8a04;
- }
- .p-message.p-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-message.p-message-error .p-message-icon {
- color: #dc2626;
- }
- .p-message.p-message-error .p-message-close {
- color: #dc2626;
- }
- .p-message.p-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-message.p-message-secondary .p-message-icon {
- color: #475569;
- }
- .p-message.p-message-secondary .p-message-close {
- color: #475569;
- }
- .p-message.p-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-icon {
- color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-close {
- color: #f8fafc;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1rem;
- height: 1rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 0.75rem;
- border-width: 1px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 1.125rem;
- height: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 500;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.125rem;
- height: 1.125rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- color: #475569;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- color: #f8fafc;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #f1f5f9;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #f1f5f9;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #f1f5f9;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #e2e8f0;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #cbd5e1;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #f7fee7;
- color: #4d7c0f;
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #f7fee7;
- color: #4d7c0f;
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f1f5f9;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #f8fafc;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #f8fafc;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #ffffff;
- background-color: rgba(255, 255, 255, 0.1);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #e2e8f0;
- border-radius: 6px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #ffffff;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #84cc16;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-badge.p-badge-success {
- background-color: #22c55e;
- color: #ffffff;
- }
- .p-badge.p-badge-info {
- background-color: #0ea5e9;
- color: #ffffff;
- }
- .p-badge.p-badge-warning {
- background-color: #f97316;
- color: #ffffff;
- }
- .p-badge.p-badge-danger {
- background-color: #ef4444;
- color: #ffffff;
- }
- .p-badge.p-badge-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-badge.p-badge-contrast {
- background-color: #020617;
- color: #ffffff;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 6px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #84cc16;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #84cc16;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.25rem;
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #84cc16;
- }
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.25rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #dc2626;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #dc2626;
- }
- 40% {
- stroke: #2563eb;
- }
- 66% {
- stroke: #16a34a;
- }
- 80%, 90% {
- stroke: #ca8a04;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7);
- }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8);
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #f8fafc;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: #e2e8f0;
- border-radius: 6px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #84cc16;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
- }
- .p-tag.p-tag-success {
- background-color: #22c55e;
- color: #ffffff;
- }
- .p-tag.p-tag-info {
- background-color: #0ea5e9;
- color: #ffffff;
- }
- .p-tag.p-tag-warning {
- background-color: #f97316;
- color: #ffffff;
- }
- .p-tag.p-tag-danger {
- background-color: #ef4444;
- color: #ffffff;
- }
- .p-tag.p-tag-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-tag.p-tag-contrast {
- background-color: #020617;
- color: #ffffff;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primevue {
- .p-accordion .p-accordion-header .p-accordion-header-link {
- border-radius: 6px !important;
- flex-direction: row-reverse;
- justify-content: space-between;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link:hover {
- border-bottom-color: #e2e8f0;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- transform: rotate(90deg);
- }
- .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon {
- transform: rotate(-180deg);
- }
- .p-accordion .p-accordion-tab {
- border-bottom: 1px solid #e2e8f0;
- }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom: 0 none;
- }
-
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.375rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete.p-disabled {
- opacity: 1;
- }
-
- .p-button-label {
- font-weight: 500;
- }
-
- .p-button.p-button-success:enabled:focus-visible {
- outline-color: #22c55e;
- }
- .p-button.p-button-info:enabled:focus-visible {
- outline-color: #0ea5e9;
- }
- .p-button.p-button-warning:enabled:focus-visible {
- outline-color: #f97316;
- }
- .p-button.p-button-help:enabled:focus-visible {
- outline-color: #a855f7;
- }
- .p-button.p-button-danger:enabled:focus-visible {
- outline-color: #ef4444;
- }
- .p-button.p-button-contrast:enabled:focus-visible {
- outline-color: #020617;
- }
- .p-button.p-button-outlined {
- border-color: var(--primary-200);
- }
- .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active {
- border-color: var(--primary-200);
- }
- .p-button.p-button-outlined.p-button-secondary {
- border-color: var(--surface-200);
- color: #64748b;
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover {
- color: #64748b;
- background-color: #f1f5f9;
- border-color: var(--surface-200);
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):active {
- color: #64748b;
- background-color: #e2e8f0;
- border-color: var(--surface-200);
- }
- .p-button.p-button-outlined.p-button-success {
- border-color: #bbf7d0;
- }
- .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active {
- border-color: #bbf7d0;
- }
- .p-button.p-button-outlined.p-button-info {
- border-color: #bae6fd;
- }
- .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active {
- border-color: #bae6fd;
- }
- .p-button.p-button-outlined.p-button-warning {
- border-color: #fed7aa;
- }
- .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active {
- border-color: #fed7aa;
- }
- .p-button.p-button-outlined.p-button-help {
- border-color: #e9d5ff;
- }
- .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active {
- border-color: #e9d5ff;
- }
- .p-button.p-button-outlined.p-button-danger {
- border-color: #fecaca;
- }
- .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active {
- border-color: #fecaca;
- }
- .p-button.p-button-outlined.p-button-contrast {
- border-color: #334155;
- }
- .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active {
- border-color: #334155;
- }
- .p-button.p-button-secondary.p-button-text {
- color: #64748b;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover {
- background: #f1f5f9;
- color: #64748b;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active {
- background: #e2e8f0;
- color: #64748b;
- }
-
- .p-datepicker-buttonbar .p-button {
- padding: 0.25rem 0.75rem;
- font-size: 0.875rem;
- }
-
- .p-datepicker .p-datepicker-group-container + .p-timepicker {
- margin-top: 0.5rem;
- padding-top: 0.5rem;
- }
- .p-datepicker table th {
- font-weight: 500;
- }
-
- .p-card {
- border-radius: 12px;
- display: flex;
- flex-direction: column;
- }
- .p-card .p-card-caption {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-card .p-card-caption .p-card-title,
-.p-card .p-card-caption .p-card-subtitle {
- margin-bottom: 0;
- }
- .p-card .p-card-body {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #84cc16;
- }
-
- .p-cascadeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-cascadeselect .p-cascadeselect-label {
- box-shadow: none;
- }
- .p-cascadeselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-cascadeselect.p-disabled .p-cascadeselect-label {
- color: #64748b;
- }
-
- div.p-cascadeselect-panel {
- border: 0 none;
- box-shadow: none;
- }
-
- .p-checkbox .p-checkbox-box {
- border-radius: 4px;
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
- border-color: #84cc16;
- }
- .p-checkbox.p-disabled {
- opacity: 1;
- }
- .p-checkbox.p-disabled .p-checkbox-box {
- background-color: #e2e8f0;
- border: 1px solid #cbd5e1;
- }
- .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {
- color: #64748b;
- }
-
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.375rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips.p-disabled .p-chips-multiple-container {
- opacity: 1;
- background-color: #e2e8f0;
- }
-
- .p-chip {
- border-radius: 16px;
- padding: 0.25rem 0.75rem;
- }
- .p-chip .p-chip-text {
- margin-top: 0;
- margin-bottom: 0;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.375rem;
- }
- .p-chip:has(.p-chip-remove-icon) {
- padding-right: 0.5rem;
- }
- .p-chip img {
- margin-left: -0.5rem;
- }
-
- .p-colorpicker-preview {
- padding: 0;
- }
- .p-colorpicker-preview:enabled:focus {
- outline-offset: 2px;
- }
- .p-colorpicker-preview.p-inputtext.p-disabled {
- opacity: 0.6;
- }
-
- .p-confirm-popup {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #84cc16;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #84cc16;
- }
- .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: #e7fcb8;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight > td {
- border-bottom-color: #e7fcb8;
- }
-
- .p-dataview-layout-options.p-selectbutton .p-button svg {
- position: relative;
- }
-
- .p-dialog {
- border-radius: 12px;
- background-color: #ffffff;
- }
- .p-dialog.p-dialog-maximized {
- border-radius: 0;
- }
- .p-dialog .p-dialog-header {
- border-top-right-radius: 12px;
- border-top-left-radius: 12px;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
- .p-dialog .p-dialog-footer {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
-
- .p-dropdown {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-dropdown .p-dropdown-label {
- box-shadow: none;
- }
- .p-dropdown.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-dropdown.p-disabled .p-dropdown-label {
- color: #64748b;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- margin-left: -0.375rem;
- margin-right: 0.375rem;
- }
-
- .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: #e7fcb8;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td {
- border-bottom-color: #e7fcb8;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover {
- background-color: #f7fee7;
- color: #4d7c0f;
- }
-
- .p-fieldset {
- padding: 0 1.125rem 1.125rem 1.125rem;
- margin: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text {
- padding: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- color: #64748b;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background-color: #f1f5f9;
- }
- .p-fieldset .p-fieldset-legend {
- border: 0 none;
- padding: 0;
- margin-bottom: 0.375rem;
- }
- .p-fieldset .p-fieldset-legend span {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0;
- }
-
- .p-column-filter-overlay-menu {
- padding: 0.75rem;
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraints {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 0 0 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button {
- margin-bottom: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0;
- }
-
- .p-fileupload .p-fileupload-content {
- border-top: 0 none;
- padding-top: 1.125rem;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #84cc16;
- }
-
- .p-inline-message-text {
- font-weight: 500;
- }
-
- .p-inline-message {
- backdrop-filter: blur(1.5px);
- }
-
- .p-inline-message.p-inline-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
-
- .p-inline-message.p-inline-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
-
- .p-inline-message.p-inline-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
-
- .p-inline-message.p-inline-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
-
- .p-inline-message.p-inline-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
-
- .p-inline-message.p-inline-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
-
- .p-inputgroup-addon {
- padding: 0.5rem;
- }
-
- .p-inputnumber.p-inputnumber-buttons-stacked {
- position: relative;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- position: absolute;
- top: 1px;
- right: 1px;
- height: calc(100% - 2px);
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #cbd5e1;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up {
- border-left: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down {
- border-right: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #cbd5e1;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up {
- border-bottom: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down {
- border-top: 0 none;
- }
-
- .p-inputswitch .p-inputswitch-slider {
- border: 0 none;
- }
- .p-inputswitch.p-highlight p-inputswitch-slider:before {
- left: 1.25rem;
- transform: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- background: #f87171;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
- background: #ffffff;
- }
-
- .p-inputtext {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
-
- .p-inputtext:disabled {
- opacity: 1;
- background-color: #e2e8f0;
- color: #64748b;
- }
-
- .p-knob svg {
- border-radius: 6px;
- outline-color: transparent;
- transition: outline-color 0.2s;
- }
- .p-knob svg:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-listbox {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-listbox.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-listbox.p-disabled .p-listbox-list .p-listbox-item {
- color: #64748b;
- }
-
- .p-message {
- backdrop-filter: blur(1.5px);
- }
-
- .p-message.p-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-message.p-message-info .p-message-close:focus-visible {
- outline-color: #2563eb;
- }
- .p-message.p-message-info .p-message-close:hover {
- background: #dbeafe;
- }
-
- .p-message.p-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-message.p-message-success .p-message-close:focus-visible {
- outline-color: #16a34a;
- }
- .p-message.p-message-success .p-message-close:hover {
- background: #dcfce7;
- }
-
- .p-message.p-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-message.p-message-warn .p-message-close:focus-visible {
- outline-color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-close:hover {
- background: #fef9c3;
- }
-
- .p-message.p-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-message.p-message-error .p-message-close:focus-visible {
- outline-color: #dc2626;
- }
- .p-message.p-message-error .p-message-close:hover {
- background: #fee2e2;
- }
-
- .p-message.p-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-message.p-message-secondary .p-message-close:focus-visible {
- outline-color: #475569;
- }
- .p-message.p-message-secondary .p-message-close:hover {
- background: #e2e8f0;
- }
-
- .p-message.p-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-message.p-message-contrast .p-message-close:focus-visible {
- outline-color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-close:hover {
- background: #1e293b;
- }
-
- .p-multiselect-panel .p-multiselect-header {
- padding-left: 1rem;
- padding-right: 1rem;
- }
-
- .p-multiselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-multiselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-multiselect.p-disabled .p-multiselect-label {
- color: #64748b;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- border-radius: 4px;
- margin-right: 0.25rem;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.375rem;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header {
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action {
- background: #e2e8f0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #334155;
- padding: 0.5rem 0.75rem;
- font-weight: 600;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover {
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content {
- border-radius: 6px;
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-panel {
- padding: 0.25rem 0.25rem;
- overflow: hidden;
- margin-bottom: 0.75rem;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
-
- .p-password-panel {
- background-color: #ffffff;
- border: 1px solid #e2e8f0;
- padding: 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.75rem;
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength {
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #ef4444;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #f59e0b;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #22c55e;
- }
-
- .p-orderlist-controls .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-orderlist-controls .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-orderlist-controls .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-orderlist-controls .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
-
- .p-orderlist .p-orderlist-header {
- background: #ffffff;
- color: #334155;
- border: 0 none;
- border-bottom: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #64748b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list {
- border: 1px solid #cbd5e1;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- border-radius: 6px;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-organizationchart .p-organizationchart-node-content {
- padding: 0.75rem 1rem;
- border-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid #e2e8f0;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: static;
- }
- .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) {
- padding: 0.75rem 1rem 1.25rem 1rem;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
- border-right: 0 none;
- }
- .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) {
- border-top-right-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) {
- border-left: 1px solid #e2e8f0;
- border-top-left-radius: 6px;
- }
-
- .p-overlaypanel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.75rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- position: absolute;
- top: 0.25rem;
- right: 0.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-overlaypanel .p-overlaypanel-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-panel {
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- background-color: #ffffff;
- }
- .p-panel .p-panel-header,
-.p-panel .p-panel-content,
-.p-panel .p-panel-footer {
- background: transparent;
- border: 0 none;
- }
- .p-panel:has(.p-panel-footer) .p-panel-content {
- padding-bottom: 0.875rem;
- }
-
- .p-picklist-buttons .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-picklist-buttons .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-picklist-buttons .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-picklist-buttons .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
-
- .p-picklist .p-picklist-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #64748b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-picklist .p-picklist-list {
- border: 1px solid #cbd5e1;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- border-radius: 6px;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-progressbar-label {
- font-size: 0.75rem;
- font-weight: 600;
- }
-
- .p-radiobutton .p-radiobutton-box {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box {
- border-color: #84cc16;
- }
- .p-radiobutton.p-disabled {
- opacity: 1;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box {
- border: 1px solid #cbd5e1;
- background-color: #e2e8f0;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon {
- background-color: #64748b;
- }
-
- .p-rating {
- gap: 0.25rem;
- }
-
- .p-selectbutton .p-button .pi,
-.p-selectbutton .p-button .p-button-label {
- position: relative;
- transition: none;
- }
- .p-selectbutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-selectbutton .p-button.p-highlight::before {
- background: #ffffff;
- border-color: #ffffff;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-selectbutton .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-selectbutton .p-button.p-disabled {
- opacity: 1;
- color: #94a3b8;
- }
- .p-selectbutton.p-invalid {
- box-shadow: 0 0 0 1px #f87171;
- border-radius: 6px;
- }
- .p-selectbutton.p-invalid > .p-button {
- border: 1px solid #f1f5f9;
- }
- .p-selectbutton.p-disabled {
- opacity: 1;
- }
- .p-selectbutton.p-disabled .p-button {
- color: #94a3b8;
- }
-
- .p-slider .p-slider-handle {
- display: flex !important;
- justify-content: center;
- align-items: center;
- }
- .p-slider .p-slider-handle::before {
- content: "";
- width: 16px;
- height: 16px;
- display: block;
- background-color: #ffffff;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline-color: #c4f17f;
- }
-
- .p-speeddial-button.p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-splitter-gutter-handle {
- border-radius: 6px;
- }
-
- .p-stepper .p-stepper-header .p-stepper-number {
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #ffffff;
- color: #84cc16;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #84cc16;
- }
-
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- border-width: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-steps-number {
- position: relative;
- font-weight: 500;
- }
- .p-steps .p-steps-item .p-steps-number::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #ffffff;
- color: #84cc16;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- color: #84cc16;
- }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1;
- }
- .p-steps .p-steps-item:before {
- border-top-width: 2px;
- margin-top: calc(-1rem + 1px);
- }
- .p-steps .p-steps-item:first-child::before {
- width: calc(50% + 1rem);
- transform: translateX(100%);
- }
- .p-steps .p-steps-item:last-child::before {
- width: 50%;
- }
-
- .p-tabmenu .p-tabmenu-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: -1px;
- height: 1px;
- background-color: #84cc16;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabmenu .p-tabmenu-nav {
- position: relative;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-tabview .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 1px;
- background-color: #84cc16;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabview .p-tabview-nav {
- position: relative;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6);
- }
- .p-tabview .p-tabview-nav-btn.p-link:hover {
- color: #475569;
- }
-
- .p-tag {
- background: var(--primary-100);
- color: var(--primary-700);
- }
- .p-tag.p-tag-success {
- background: var(--green-100);
- color: var(--green-700);
- }
- .p-tag.p-tag-info {
- background: var(--blue-100);
- color: var(--blue-700);
- }
- .p-tag.p-tag-warning {
- background: var(--orange-100);
- color: var(--orange-700);
- }
- .p-tag.p-tag-danger {
- background: var(--red-100);
- color: var(--red-700);
- }
-
- .p-terminal {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- }
- .p-terminal .p-terminal-prompt {
- margin-right: 0.25rem;
- }
- .p-terminal .p-terminal-response {
- margin: 2px 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- position: relative;
- }
- .p-timeline .p-timeline-event-marker::before {
- content: " ";
- border-radius: 50%;
- width: 0.375rem;
- height: 0.375rem;
- background-color: #84cc16;
- }
- .p-timeline .p-timeline-event-marker::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-toast .p-toast-message {
- backdrop-filter: blur(1.5px);
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- font-size: 0.875rem;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.75rem;
- height: 1.75rem;
- margin-top: -25%;
- right: -25%;
- position: relative;
- }
-
- .p-toast .p-toast-message.p-toast-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- outline-color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
- background: #dbeafe;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- outline-color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
- background: #dcfce7;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- outline-color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
- background: #fef9c3;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
- background: #fee2e2;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover {
- background: #e2e8f0;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover {
- background: #1e293b;
- }
-
- .p-togglebutton .p-button .p-button-label,
-.p-togglebutton .p-button .p-button-icon {
- position: relative;
- transition: none;
- }
- .p-togglebutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-togglebutton.p-highlight .p-button::before {
- background: #ffffff;
- border-color: #ffffff;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-togglebutton.p-disabled {
- opacity: 1;
- }
- .p-togglebutton.p-disabled .p-button {
- color: #94a3b8;
- }
- .p-togglebutton.p-disabled .p-button .p-button-icon {
- color: #94a3b8;
- }
-
- .p-toolbar {
- padding: 0.75rem;
- }
-
- .p-tree {
- border: 0 none;
- padding: 1rem;
- }
- .p-tree .p-tree-container .p-treenode {
- margin: 2px 0;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline-offset: -2px;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover {
- background-color: #f7fee7;
- }
- .p-tree .p-tree-container > .p-treenode:first-child {
- margin-top: 0;
- }
- .p-tree .p-tree-container > .p-treenode:last-child {
- margin-bottom: 0;
- }
-
- .p-treeselect-panel .p-tree {
- padding: 0.25rem 0.25rem;
- }
-
- .p-treeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-treeselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-treeselect.p-disabled .p-treeselect-label {
- color: #64748b;
- }
-}
diff --git a/public/themes/aura-light-noir/fonts/Inter-italic.var.woff2 b/public/themes/aura-light-noir/fonts/Inter-italic.var.woff2
deleted file mode 100644
index b826d5a..0000000
Binary files a/public/themes/aura-light-noir/fonts/Inter-italic.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-light-noir/fonts/Inter-roman.var.woff2 b/public/themes/aura-light-noir/fonts/Inter-roman.var.woff2
deleted file mode 100644
index 6a256a0..0000000
Binary files a/public/themes/aura-light-noir/fonts/Inter-roman.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-light-noir/theme.css b/public/themes/aura-light-noir/theme.css
deleted file mode 100644
index ed78087..0000000
--- a/public/themes/aura-light-noir/theme.css
+++ /dev/null
@@ -1,12119 +0,0 @@
-:root {
- font-family: "Inter var", sans-serif;
- font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- font-variation-settings: normal;
- --font-family: "Inter var", sans-serif;
- --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- --text-color: #334155;
- --text-color-secondary: #64748b;
- --primary-color: #020617;
- --primary-color-text: #ffffff;
- --surface-0: #ffffff;
- --surface-50: #f8fafc;
- --surface-100: #f1f5f9;
- --surface-200: #e2e8f0;
- --surface-300: #cbd5e1;
- --surface-400: #94a3b8;
- --surface-500: #64748b;
- --surface-600: #475569;
- --surface-700: #334155;
- --surface-800: #1e293b;
- --surface-900: #0f172a;
- --surface-950: #020617;
- --gray-0: #ffffff;
- --gray-50: #f8fafc;
- --gray-100: #f1f5f9;
- --gray-200: #e2e8f0;
- --gray-300: #cbd5e1;
- --gray-400: #94a3b8;
- --gray-500: #64748b;
- --gray-600: #475569;
- --gray-700: #334155;
- --gray-800: #1e293b;
- --gray-900: #0f172a;
- --gray-950: #020617;
- --content-padding: 1.125rem;
- --inline-spacing: 0.5rem;
- --border-radius: 6px;
- --surface-ground: #f8fafc;
- --surface-section: #ffffff;
- --surface-card: #ffffff;
- --surface-overlay: #ffffff;
- --surface-border: #e2e8f0;
- --surface-hover: #f1f5f9;
- --focus-ring: none;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #020617;
- --highlight-text-color: #ffffff;
- --p-anchor-gutter: 2px;
- color-scheme: light;
-}
-
-:root {
- --p-focus-ring-color: var(--primary-color);
-}
-
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: normal;
- font-named-instance: "Regular";
- src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
-}
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: italic;
- font-named-instance: "Italic";
- src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
-}
-:root {
- --blue-50:#f5f9ff;
- --blue-100:#d0e1fd;
- --blue-200:#abc9fb;
- --blue-300:#85b2f9;
- --blue-400:#609af8;
- --blue-500:#3b82f6;
- --blue-600:#326fd1;
- --blue-700:#295bac;
- --blue-800:#204887;
- --blue-900:#183462;
- --green-50:#f4fcf7;
- --green-100:#caf1d8;
- --green-200:#a0e6ba;
- --green-300:#76db9b;
- --green-400:#4cd07d;
- --green-500:#22c55e;
- --green-600:#1da750;
- --green-700:#188a42;
- --green-800:#136c34;
- --green-900:#0e4f26;
- --yellow-50:#fefbf3;
- --yellow-100:#faedc4;
- --yellow-200:#f6de95;
- --yellow-300:#f2d066;
- --yellow-400:#eec137;
- --yellow-500:#eab308;
- --yellow-600:#c79807;
- --yellow-700:#a47d06;
- --yellow-800:#816204;
- --yellow-900:#5e4803;
- --cyan-50:#f3fbfd;
- --cyan-100:#c3edf5;
- --cyan-200:#94e0ed;
- --cyan-300:#65d2e4;
- --cyan-400:#35c4dc;
- --cyan-500:#06b6d4;
- --cyan-600:#059bb4;
- --cyan-700:#047f94;
- --cyan-800:#036475;
- --cyan-900:#024955;
- --pink-50:#fef6fa;
- --pink-100:#fad3e7;
- --pink-200:#f7b0d3;
- --pink-300:#f38ec0;
- --pink-400:#f06bac;
- --pink-500:#ec4899;
- --pink-600:#c93d82;
- --pink-700:#a5326b;
- --pink-800:#822854;
- --pink-900:#5e1d3d;
- --indigo-50:#f7f7fe;
- --indigo-100:#dadafc;
- --indigo-200:#bcbdf9;
- --indigo-300:#9ea0f6;
- --indigo-400:#8183f4;
- --indigo-500:#6366f1;
- --indigo-600:#5457cd;
- --indigo-700:#4547a9;
- --indigo-800:#363885;
- --indigo-900:#282960;
- --teal-50:#f3fbfb;
- --teal-100:#c7eeea;
- --teal-200:#9ae0d9;
- --teal-300:#6dd3c8;
- --teal-400:#41c5b7;
- --teal-500:#14b8a6;
- --teal-600:#119c8d;
- --teal-700:#0e8174;
- --teal-800:#0b655b;
- --teal-900:#084a42;
- --orange-50:#fff8f3;
- --orange-100:#feddc7;
- --orange-200:#fcc39b;
- --orange-300:#fba86f;
- --orange-400:#fa8e42;
- --orange-500:#f97316;
- --orange-600:#d46213;
- --orange-700:#ae510f;
- --orange-800:#893f0c;
- --orange-900:#642e09;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dadee3;
- --bluegray-200:#bcc3cd;
- --bluegray-300:#9fa9b7;
- --bluegray-400:#818ea1;
- --bluegray-500:#64748b;
- --bluegray-600:#556376;
- --bluegray-700:#465161;
- --bluegray-800:#37404c;
- --bluegray-900:#282e38;
- --purple-50:#fbf7ff;
- --purple-100:#ead6fd;
- --purple-200:#dab6fc;
- --purple-300:#c996fa;
- --purple-400:#b975f9;
- --purple-500:#a855f7;
- --purple-600:#8f48d2;
- --purple-700:#763cad;
- --purple-800:#5c2f88;
- --purple-900:#432263;
- --red-50:#fff5f5;
- --red-100:#ffd0ce;
- --red-200:#ffaca7;
- --red-300:#ff8780;
- --red-400:#ff6259;
- --red-500:#ff3d32;
- --red-600:#d9342b;
- --red-700:#b32b23;
- --red-800:#8c221c;
- --red-900:#661814;
- --primary-50:#f2f3f3;
- --primary-100:#c2c3c7;
- --primary-200:#92949b;
- --primary-300:#62656f;
- --primary-400:#323543;
- --primary-500:#020617;
- --primary-600:#020514;
- --primary-700:#010410;
- --primary-800:#01030d;
- --primary-900:#010209;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #ffffff;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #e2e8f0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- padding: 0.25rem 0.25rem;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #1e293b;
- background: #f1f5f9;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 0.75rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #e2e8f0;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #020617;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #020617;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #020617;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #020617;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.6;
- }
-
- .p-error {
- color: #f87171;
- }
-
- .p-text-secondary {
- color: #64748b;
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.25rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #94a3b8;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #e2e8f0;
- color: #0f172a;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-autocomplete-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.25rem 0.25rem;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #ffffff;
- background: #020617;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: #334155;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
-
- .p-datepicker {
- padding: 0.75rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0 0 0.5rem 0;
- color: #334155;
- background: #ffffff;
- font-weight: 500;
- margin: 0 0 0 0;
- border-bottom: 1px solid #e2e8f0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 1.75rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-weight: 500;
- padding: 0.25rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #020617;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker table th {
- padding: 0.25rem;
- }
- .p-datepicker table th > span {
- width: 2rem;
- height: 2rem;
- }
- .p-datepicker table td {
- padding: 0.25rem;
- }
- .p-datepicker table td > span {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: #ffffff;
- background: #020617;
- }
- .p-datepicker table td > span:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #e2e8f0;
- color: #0f172a;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #ffffff;
- background: #020617;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.5rem 0 0 0;
- border-top: 1px solid #e2e8f0;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #e2e8f0;
- padding: 0;
- }
- .p-datepicker .p-timepicker button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #ffffff;
- background: #020617;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #ffffff;
- background: #020617;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #e2e8f0;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0.25rem;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #f8fafc;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #f8fafc;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #64748b;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-cascadeselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #ffffff;
- background: #020617;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: #334155;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #cbd5e1;
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- color: #334155;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 0.875rem;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #020617;
- background: #020617;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #94a3b8;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #0f172a;
- background: #0f172a;
- color: #ffffff;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #f87171;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #020617;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #0f172a;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #020617;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #0f172a;
- }
-
- .p-highlight .p-checkbox .p-checkbox-box {
- border-color: #ffffff;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #94a3b8;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #e2e8f0;
- color: #0f172a;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-colorpicker-panel {
- background: #323232;
- border: 1px solid #191919;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff;
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-dropdown.p-variant-filled {
- background: #f8fafc;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #64748b;
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #94a3b8;
- right: 2.5rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-dropdown-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.25rem 0.25rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #ffffff;
- background: #020617;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: #334155;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #ffffff;
- color: #64748b;
- border-top: 1px solid #cbd5e1;
- border-left: 1px solid #cbd5e1;
- border-bottom: 1px solid #cbd5e1;
- padding: 0.5rem 0.75rem;
- min-width: 2.5rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #cbd5e1;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.5rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: #94a3b8;
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: #94a3b8;
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #f8fafc;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #f8fafc;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 2.5rem;
- height: 1.5rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1rem;
- height: 1rem;
- left: 0.25rem;
- margin-top: -0.5rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #020617;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #ffffff;
- transform: translateX(1rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #94a3b8;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #0f172a;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #f87171;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- background: #ffffff;
- padding: 0.5rem 0.75rem;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- appearance: none;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #94a3b8;
- }
- .p-inputtext:enabled:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #f87171;
- }
- .p-inputtext.p-variant-filled {
- background-color: #f8fafc;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #f8fafc;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: #64748b;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #f87171;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: #64748b;
- }
-
- :-moz-placeholder {
- color: #64748b;
- }
-
- ::-moz-placeholder {
- color: #64748b;
- }
-
- :-ms-input-placeholder {
- color: #64748b;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #f8fafc;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #f8fafc;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-listbox .p-listbox-list {
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #ffffff;
- background: #020617;
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: #334155;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-listbox.p-invalid {
- border-color: #f87171;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-multiselect.p-variant-filled {
- background: #f8fafc;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #64748b;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #ffffff;
- background: #020617;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: #334155;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-password-panel {
- padding: 0 1.125rem 1.125rem 1.125rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #e2e8f0;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #ef4444;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #f59e0b;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #22c55e;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #cbd5e1;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #cbd5e1;
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- color: #334155;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 0.75rem;
- height: 0.75rem;
- transition-duration: 0.2s;
- background-color: #020617;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #020617;
- background: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #94a3b8;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #0f172a;
- background: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #0f172a;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #f87171;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-size: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f87171;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #020617;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #020617;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #ef4444;
- }
-
- .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #ffffff;
- }
-
- .p-selectbutton .p-button {
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #64748b;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #334155;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #334155;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #0f172a;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #f87171;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #e2e8f0;
- border: 0 none;
- border-radius: 6px;
- }
- .p-slider.p-slider-horizontal {
- height: 3px;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px;
- }
- .p-slider.p-slider-vertical {
- width: 3px;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px;
- }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #e2e8f0;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-slider .p-slider-range {
- background: #020617;
- border-radius: 6px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #e2e8f0;
- border-color: transparent;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-treeselect.p-variant-filled {
- background: #f8fafc;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #64748b;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #f8fafc;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #f1f5f9;
- border-radius: 6px;
- }
- .p-togglebutton .p-button {
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #64748b;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #334155;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #334155;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #f87171;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #ffffff;
- background: #020617;
- border: 1px solid #020617;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #0f172a;
- color: #ffffff;
- border-color: #0f172a;
- }
- .p-button:not(:disabled):active {
- background: #1e293b;
- color: #ffffff;
- border-color: #1e293b;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(2, 6, 23, 0.04);
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(2, 6, 23, 0.16);
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #334155;
- border-color: #334155;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: #f1f5f9;
- color: #334155;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: #e2e8f0;
- color: #334155;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #020617;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(2, 6, 23, 0.04);
- color: #020617;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(2, 6, 23, 0.16);
- color: #020617;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #334155;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: #f1f5f9;
- color: #334155;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: #e2e8f0;
- color: #334155;
- }
- .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #020617;
- background-color: #ffffff;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.5rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.5rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.5rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(241, 245, 249, 0.04);
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(241, 245, 249, 0.16);
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #f1f5f9;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(241, 245, 249, 0.04);
- border-color: transparent;
- color: #f1f5f9;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(241, 245, 249, 0.16);
- border-color: transparent;
- color: #f1f5f9;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #ffffff;
- background: #0ea5e9;
- border: 1px solid #0ea5e9;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #0284c7;
- color: #ffffff;
- border-color: #0284c7;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #0369a1;
- color: #ffffff;
- border-color: #0369a1;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(14, 165, 233, 0.04);
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(14, 165, 233, 0.16);
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #0ea5e9;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(14, 165, 233, 0.04);
- border-color: transparent;
- color: #0ea5e9;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(14, 165, 233, 0.16);
- border-color: transparent;
- color: #0ea5e9;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #ffffff;
- background: #22c55e;
- border: 1px solid #22c55e;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #16a34a;
- color: #ffffff;
- border-color: #16a34a;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #15803d;
- color: #ffffff;
- border-color: #15803d;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(34, 197, 94, 0.04);
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(34, 197, 94, 0.16);
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #22c55e;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(34, 197, 94, 0.04);
- border-color: transparent;
- color: #22c55e;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(34, 197, 94, 0.16);
- border-color: transparent;
- color: #22c55e;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #ffffff;
- background: #f97316;
- border: 1px solid #f97316;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ea580c;
- color: #ffffff;
- border-color: #ea580c;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #c2410c;
- color: #ffffff;
- border-color: #c2410c;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(249, 115, 22, 0.04);
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(249, 115, 22, 0.16);
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #f97316;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(249, 115, 22, 0.04);
- border-color: transparent;
- color: #f97316;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(249, 115, 22, 0.16);
- border-color: transparent;
- color: #f97316;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #ffffff;
- background: #a855f7;
- border: 1px solid #a855f7;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #9333ea;
- color: #ffffff;
- border-color: #9333ea;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #7e22ce;
- color: #ffffff;
- border-color: #7e22ce;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(168, 85, 247, 0.04);
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(168, 85, 247, 0.16);
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #a855f7;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(168, 85, 247, 0.04);
- border-color: transparent;
- color: #a855f7;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(168, 85, 247, 0.16);
- border-color: transparent;
- color: #a855f7;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #ffffff;
- background: #ef4444;
- border: 1px solid #ef4444;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #dc2626;
- color: #ffffff;
- border-color: #dc2626;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #b91c1c;
- color: #ffffff;
- border-color: #b91c1c;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(239, 68, 68, 0.04);
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(239, 68, 68, 0.16);
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #ef4444;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(239, 68, 68, 0.04);
- border-color: transparent;
- color: #ef4444;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(239, 68, 68, 0.16);
- border-color: transparent;
- color: #ef4444;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #ffffff;
- background: #020617;
- border: 1px solid #020617;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #1e293b;
- color: #ffffff;
- border-color: #1e293b;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #334155;
- color: #ffffff;
- border-color: #334155;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(2, 6, 23, 0.04);
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(2, 6, 23, 0.16);
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #020617;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(2, 6, 23, 0.04);
- border-color: transparent;
- color: #020617;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(2, 6, 23, 0.16);
- border-color: transparent;
- color: #020617;
- }
-
- .p-button.p-button-link {
- color: #0f172a;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #0f172a;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #0f172a;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-speeddial-action {
- width: 2.5rem;
- height: 2.5rem;
- background: #f1f5f9;
- color: #475569;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-speeddial-action:hover {
- background: #e2e8f0;
- color: #334155;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 6px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 6px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #e2e8f0;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #cbd5e1;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #020617;
- color: #ffffff;
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #64748b;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: #ffffff;
- background: #020617;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #475569;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #020617;
- color: #ffffff;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #020617;
- color: #ffffff;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: 0 none;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #ffffff;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #020617;
- color: #ffffff;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #020617;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #020617;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-datatable .p-column-resizer-helper {
- background: #020617;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #ffffff;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #f8fafc;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: #020617;
- color: #ffffff;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: #ffffff;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: #ffffff;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #ffffff;
- color: #334155;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: #f1f5f9;
- color: #475569;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #020617;
- color: #ffffff;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-clear-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-overlay {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.25rem 0.25rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #ffffff;
- background: #020617;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-bottom: 1px solid #e2e8f0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-orderlist .p-orderlist-header {
- color: #334155;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: #334155;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #e2e8f0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #ffffff;
- background: #020617;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: #334155;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #f8fafc;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: #f1f5f9;
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #020617;
- color: #ffffff;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: black;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #e2e8f0;
- border-color: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #e2e8f0;
- border-color: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #ffffff;
- color: #334155;
- border: solid #e2e8f0;
- border-width: 0;
- padding: 0.5rem 1rem;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: transparent;
- color: #475569;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 50%;
- border-bottom-left-radius: 50%;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 50%;
- border-bottom-right-radius: 50%;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.5rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.5rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #020617;
- border-color: #020617;
- color: #ffffff;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: transparent;
- color: #475569;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-picklist .p-picklist-header {
- color: #334155;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: #334155;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #e2e8f0;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #ffffff;
- background: #020617;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: #334155;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #f8fafc;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: #f1f5f9;
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #e2e8f0;
- border-radius: 50%;
- width: 1.125rem;
- height: 1.125rem;
- background-color: #ffffff;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #e2e8f0;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-radius: 6px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0 0;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- padding: 0.25rem 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #475569;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #334155;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #020617;
- color: #ffffff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #ffffff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #ffffff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- }
- .p-treetable .p-sortable-column {
- outline-color: var(--p-focus-ring-color);
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #64748b;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: #ffffff;
- background: #020617;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #475569;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #020617;
- color: #ffffff;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #ffffff;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #334155;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #020617;
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #ffffff;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #1e293b;
- }
- .p-treetable .p-column-resizer-helper {
- background: #020617;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #ffffff;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #64748b;
- background: #ffffff;
- font-weight: 600;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #e2e8f0;
- background: #ffffff;
- color: #334155;
- }
- .p-accordion .p-accordion-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-card {
- background: #ffffff;
- color: #334155;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-card .p-card-body {
- padding: 1.5rem;
- }
- .p-card .p-card-title {
- font-size: 1.25rem;
- font-weight: 600;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #64748b;
- }
- .p-card .p-card-content {
- padding: 0 0 0 0;
- }
- .p-card .p-card-footer {
- padding: 0 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-radius: 6px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- background: #ffffff;
- font-weight: 600;
- border-radius: 6px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1.125rem;
- color: #334155;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: #1e293b;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #ffffff;
- border-color: #ffffff;
- color: #1e293b;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #ffffff;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #e2e8f0;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #e2e8f0;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #e2e8f0;
- padding: 1.125rem;
- background: #ffffff;
- color: #334155;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.75rem 1.125rem;
- }
- .p-panel .p-panel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panel .p-panel-footer {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #f1f5f9;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- border-radius: 6px;
- color: #334155;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- background: #e2e8f0;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #e2e8f0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #e2e8f0;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #64748b;
- border: 1px solid #e2e8f0;
- border-width: 2px;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #334155;
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #020617;
- color: #ffffff;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #334155;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #020617;
- }
- .p-stepper .p-stepper-panels {
- background: #ffffff;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- color: #334155;
- }
- .p-stepper .p-stepper-separator {
- background-color: #e2e8f0;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #ffffff;
- color: #334155;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #020617;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #e2e8f0;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #e2e8f0 transparent;
- background: #ffffff;
- color: #64748b;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #020617;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #ffffff;
- color: #020617;
- width: 2.5rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-panels {
- background: #ffffff;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- padding: 1.125rem;
- border-radius: 6px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(226, 232, 240, 0);
- border-bottom-color: #d3dce8;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #e2e8f0;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- border: 1px solid #e2e8f0;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 1.5rem;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #334155;
- padding: 0 1.5rem 1.5rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #020617;
- color: #ffffff;
- width: 1.75rem;
- height: 1.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -0.875rem;
- right: -0.875rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #0f172a;
- color: #ffffff;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(226, 232, 240, 0);
- border-bottom-color: #d3dce8;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #e2e8f0;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1.125rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #334155;
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #334155;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #334155;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #334155;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #334155;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #ffffff;
- padding: 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fileupload .p-fileupload-content {
- background: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #020617;
- background-color: #020617;
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #0f172a;
- color: #ffffff;
- border-color: #0f172a;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #1e293b;
- color: #ffffff;
- border-color: #1e293b;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #ffffff;
- border: 0 none;
- border-radius: 6px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #94a3b8;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #334155;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #94a3b8;
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-contextmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #ffffff;
- background: #020617;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 6px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-dock .p-dock-link {
- width: 3rem;
- height: 3rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem 0.5rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 2px 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #ffffff;
- background: #020617;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0.25rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #94a3b8;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 2px 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #ffffff;
- background: #020617;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem 0.5rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem {
- margin: 2px 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #ffffff;
- background: #020617;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- border-radius: 6px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #94a3b8;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.5rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 0 none;
- color: #64748b;
- background: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #64748b;
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #e2e8f0;
- background: #ffffff;
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0.25rem;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #ffffff;
- background: #020617;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #64748b;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #334155;
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #020617;
- color: #ffffff;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 500;
- color: #334155;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #e2e8f0;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #e2e8f0;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #e2e8f0 transparent;
- background: #ffffff;
- color: #64748b;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #020617;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #ffffff;
- background: #020617;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #ffffff;
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.75rem;
- margin: 0;
- border-radius: 6px;
- }
- .p-inline-message.p-inline-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #2563eb;
- }
- .p-inline-message.p-inline-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #16a34a;
- }
- .p-inline-message.p-inline-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #ca8a04;
- }
- .p-inline-message.p-inline-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #dc2626;
- }
- .p-inline-message.p-inline-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-inline-message.p-inline-message-secondary .p-inline-message-icon {
- color: #475569;
- }
- .p-inline-message.p-inline-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-inline-message.p-inline-message-contrast .p-inline-message-icon {
- color: #f8fafc;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 6px;
- }
- .p-message .p-message-wrapper {
- padding: 0.5rem 0.75rem;
- }
- .p-message .p-message-close {
- width: 1.75rem;
- height: 1.75rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-message.p-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-message.p-message-info .p-message-icon {
- color: #2563eb;
- }
- .p-message.p-message-info .p-message-close {
- color: #2563eb;
- }
- .p-message.p-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-message.p-message-success .p-message-icon {
- color: #16a34a;
- }
- .p-message.p-message-success .p-message-close {
- color: #16a34a;
- }
- .p-message.p-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-close {
- color: #ca8a04;
- }
- .p-message.p-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-message.p-message-error .p-message-icon {
- color: #dc2626;
- }
- .p-message.p-message-error .p-message-close {
- color: #dc2626;
- }
- .p-message.p-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-message.p-message-secondary .p-message-icon {
- color: #475569;
- }
- .p-message.p-message-secondary .p-message-close {
- color: #475569;
- }
- .p-message.p-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-icon {
- color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-close {
- color: #f8fafc;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1rem;
- height: 1rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 0.75rem;
- border-width: 1px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 1.125rem;
- height: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 500;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.125rem;
- height: 1.125rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- color: #475569;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- color: #f8fafc;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #f1f5f9;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #f1f5f9;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #f1f5f9;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #e2e8f0;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #cbd5e1;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #020617;
- color: #ffffff;
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #020617;
- color: #ffffff;
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f1f5f9;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #f8fafc;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #f8fafc;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #ffffff;
- background-color: rgba(255, 255, 255, 0.1);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #e2e8f0;
- border-radius: 6px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #ffffff;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #020617;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-badge.p-badge-success {
- background-color: #22c55e;
- color: #ffffff;
- }
- .p-badge.p-badge-info {
- background-color: #0ea5e9;
- color: #ffffff;
- }
- .p-badge.p-badge-warning {
- background-color: #f97316;
- color: #ffffff;
- }
- .p-badge.p-badge-danger {
- background-color: #ef4444;
- color: #ffffff;
- }
- .p-badge.p-badge-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-badge.p-badge-contrast {
- background-color: #020617;
- color: #ffffff;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 6px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #020617;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #020617;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.25rem;
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #020617;
- }
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.25rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #dc2626;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #dc2626;
- }
- 40% {
- stroke: #2563eb;
- }
- 66% {
- stroke: #16a34a;
- }
- 80%, 90% {
- stroke: #ca8a04;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7);
- }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8);
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #f8fafc;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: #e2e8f0;
- border-radius: 6px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #020617;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
- }
- .p-tag.p-tag-success {
- background-color: #22c55e;
- color: #ffffff;
- }
- .p-tag.p-tag-info {
- background-color: #0ea5e9;
- color: #ffffff;
- }
- .p-tag.p-tag-warning {
- background-color: #f97316;
- color: #ffffff;
- }
- .p-tag.p-tag-danger {
- background-color: #ef4444;
- color: #ffffff;
- }
- .p-tag.p-tag-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-tag.p-tag-contrast {
- background-color: #020617;
- color: #ffffff;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primevue {
- .p-accordion .p-accordion-header .p-accordion-header-link {
- border-radius: 6px !important;
- flex-direction: row-reverse;
- justify-content: space-between;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link:hover {
- border-bottom-color: #e2e8f0;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- transform: rotate(90deg);
- }
- .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon {
- transform: rotate(-180deg);
- }
- .p-accordion .p-accordion-tab {
- border-bottom: 1px solid #e2e8f0;
- }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom: 0 none;
- }
-
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.375rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete.p-disabled {
- opacity: 1;
- }
-
- .p-button-label {
- font-weight: 500;
- }
-
- .p-button.p-button-success:enabled:focus-visible {
- outline-color: #22c55e;
- }
- .p-button.p-button-info:enabled:focus-visible {
- outline-color: #0ea5e9;
- }
- .p-button.p-button-warning:enabled:focus-visible {
- outline-color: #f97316;
- }
- .p-button.p-button-help:enabled:focus-visible {
- outline-color: #a855f7;
- }
- .p-button.p-button-danger:enabled:focus-visible {
- outline-color: #ef4444;
- }
- .p-button.p-button-contrast:enabled:focus-visible {
- outline-color: #020617;
- }
- .p-button.p-button-outlined {
- border-color: var(--primary-200);
- }
- .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active {
- border-color: var(--primary-200);
- }
- .p-button.p-button-outlined.p-button-secondary {
- border-color: var(--surface-200);
- color: #64748b;
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover {
- color: #64748b;
- background-color: #f1f5f9;
- border-color: var(--surface-200);
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):active {
- color: #64748b;
- background-color: #e2e8f0;
- border-color: var(--surface-200);
- }
- .p-button.p-button-outlined.p-button-success {
- border-color: #bbf7d0;
- }
- .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active {
- border-color: #bbf7d0;
- }
- .p-button.p-button-outlined.p-button-info {
- border-color: #bae6fd;
- }
- .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active {
- border-color: #bae6fd;
- }
- .p-button.p-button-outlined.p-button-warning {
- border-color: #fed7aa;
- }
- .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active {
- border-color: #fed7aa;
- }
- .p-button.p-button-outlined.p-button-help {
- border-color: #e9d5ff;
- }
- .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active {
- border-color: #e9d5ff;
- }
- .p-button.p-button-outlined.p-button-danger {
- border-color: #fecaca;
- }
- .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active {
- border-color: #fecaca;
- }
- .p-button.p-button-outlined.p-button-contrast {
- border-color: #334155;
- }
- .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active {
- border-color: #334155;
- }
- .p-button.p-button-secondary.p-button-text {
- color: #64748b;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover {
- background: #f1f5f9;
- color: #64748b;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active {
- background: #e2e8f0;
- color: #64748b;
- }
-
- .p-datepicker-buttonbar .p-button {
- padding: 0.25rem 0.75rem;
- font-size: 0.875rem;
- }
-
- .p-datepicker .p-datepicker-group-container + .p-timepicker {
- margin-top: 0.5rem;
- padding-top: 0.5rem;
- }
- .p-datepicker table th {
- font-weight: 500;
- }
-
- .p-card {
- border-radius: 12px;
- display: flex;
- flex-direction: column;
- }
- .p-card .p-card-caption {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-card .p-card-caption .p-card-title,
-.p-card .p-card-caption .p-card-subtitle {
- margin-bottom: 0;
- }
- .p-card .p-card-body {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #020617;
- }
-
- .p-cascadeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-cascadeselect .p-cascadeselect-label {
- box-shadow: none;
- }
- .p-cascadeselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-cascadeselect.p-disabled .p-cascadeselect-label {
- color: #64748b;
- }
-
- div.p-cascadeselect-panel {
- border: 0 none;
- box-shadow: none;
- }
-
- .p-checkbox .p-checkbox-box {
- border-radius: 4px;
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
- border-color: #020617;
- }
- .p-checkbox.p-disabled {
- opacity: 1;
- }
- .p-checkbox.p-disabled .p-checkbox-box {
- background-color: #e2e8f0;
- border: 1px solid #cbd5e1;
- }
- .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {
- color: #64748b;
- }
-
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.375rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips.p-disabled .p-chips-multiple-container {
- opacity: 1;
- background-color: #e2e8f0;
- }
-
- .p-chip {
- border-radius: 16px;
- padding: 0.25rem 0.75rem;
- }
- .p-chip .p-chip-text {
- margin-top: 0;
- margin-bottom: 0;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.375rem;
- }
- .p-chip:has(.p-chip-remove-icon) {
- padding-right: 0.5rem;
- }
- .p-chip img {
- margin-left: -0.5rem;
- }
-
- .p-colorpicker-preview {
- padding: 0;
- }
- .p-colorpicker-preview:enabled:focus {
- outline-offset: 2px;
- }
- .p-colorpicker-preview.p-inputtext.p-disabled {
- opacity: 0.6;
- }
-
- .p-confirm-popup {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #020617;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #020617;
- }
- .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: #020515;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight > td {
- border-bottom-color: #020515;
- }
-
- .p-dataview-layout-options.p-selectbutton .p-button svg {
- position: relative;
- }
-
- .p-dialog {
- border-radius: 12px;
- background-color: #ffffff;
- }
- .p-dialog.p-dialog-maximized {
- border-radius: 0;
- }
- .p-dialog .p-dialog-header {
- border-top-right-radius: 12px;
- border-top-left-radius: 12px;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
- .p-dialog .p-dialog-footer {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
-
- .p-dropdown {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-dropdown .p-dropdown-label {
- box-shadow: none;
- }
- .p-dropdown.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-dropdown.p-disabled .p-dropdown-label {
- color: #64748b;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- margin-left: -0.375rem;
- margin-right: 0.375rem;
- }
-
- .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: #020515;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td {
- border-bottom-color: #020515;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover {
- background-color: #020617;
- color: #ffffff;
- }
-
- .p-fieldset {
- padding: 0 1.125rem 1.125rem 1.125rem;
- margin: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text {
- padding: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- color: #64748b;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background-color: #f1f5f9;
- }
- .p-fieldset .p-fieldset-legend {
- border: 0 none;
- padding: 0;
- margin-bottom: 0.375rem;
- }
- .p-fieldset .p-fieldset-legend span {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0;
- }
-
- .p-column-filter-overlay-menu {
- padding: 0.75rem;
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraints {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 0 0 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button {
- margin-bottom: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0;
- }
-
- .p-fileupload .p-fileupload-content {
- border-top: 0 none;
- padding-top: 1.125rem;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #020617;
- }
-
- .p-inline-message-text {
- font-weight: 500;
- }
-
- .p-inline-message {
- backdrop-filter: blur(1.5px);
- }
-
- .p-inline-message.p-inline-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
-
- .p-inline-message.p-inline-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
-
- .p-inline-message.p-inline-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
-
- .p-inline-message.p-inline-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
-
- .p-inline-message.p-inline-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
-
- .p-inline-message.p-inline-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
-
- .p-inputgroup-addon {
- padding: 0.5rem;
- }
-
- .p-inputnumber.p-inputnumber-buttons-stacked {
- position: relative;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- position: absolute;
- top: 1px;
- right: 1px;
- height: calc(100% - 2px);
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #cbd5e1;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up {
- border-left: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down {
- border-right: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #cbd5e1;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up {
- border-bottom: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down {
- border-top: 0 none;
- }
-
- .p-inputswitch .p-inputswitch-slider {
- border: 0 none;
- }
- .p-inputswitch.p-highlight p-inputswitch-slider:before {
- left: 1.25rem;
- transform: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- background: #f87171;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
- background: #ffffff;
- }
-
- .p-inputtext {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
-
- .p-inputtext:disabled {
- opacity: 1;
- background-color: #e2e8f0;
- color: #64748b;
- }
-
- .p-knob svg {
- border-radius: 6px;
- outline-color: transparent;
- transition: outline-color 0.2s;
- }
- .p-knob svg:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-listbox {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-listbox.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-listbox.p-disabled .p-listbox-list .p-listbox-item {
- color: #64748b;
- }
-
- .p-message {
- backdrop-filter: blur(1.5px);
- }
-
- .p-message.p-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-message.p-message-info .p-message-close:focus-visible {
- outline-color: #2563eb;
- }
- .p-message.p-message-info .p-message-close:hover {
- background: #dbeafe;
- }
-
- .p-message.p-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-message.p-message-success .p-message-close:focus-visible {
- outline-color: #16a34a;
- }
- .p-message.p-message-success .p-message-close:hover {
- background: #dcfce7;
- }
-
- .p-message.p-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-message.p-message-warn .p-message-close:focus-visible {
- outline-color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-close:hover {
- background: #fef9c3;
- }
-
- .p-message.p-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-message.p-message-error .p-message-close:focus-visible {
- outline-color: #dc2626;
- }
- .p-message.p-message-error .p-message-close:hover {
- background: #fee2e2;
- }
-
- .p-message.p-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-message.p-message-secondary .p-message-close:focus-visible {
- outline-color: #475569;
- }
- .p-message.p-message-secondary .p-message-close:hover {
- background: #e2e8f0;
- }
-
- .p-message.p-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-message.p-message-contrast .p-message-close:focus-visible {
- outline-color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-close:hover {
- background: #1e293b;
- }
-
- .p-multiselect-panel .p-multiselect-header {
- padding-left: 1rem;
- padding-right: 1rem;
- }
-
- .p-multiselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-multiselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-multiselect.p-disabled .p-multiselect-label {
- color: #64748b;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- border-radius: 4px;
- margin-right: 0.25rem;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.375rem;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header {
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action {
- background: #e2e8f0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #334155;
- padding: 0.5rem 0.75rem;
- font-weight: 600;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover {
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content {
- border-radius: 6px;
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-panel {
- padding: 0.25rem 0.25rem;
- overflow: hidden;
- margin-bottom: 0.75rem;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
-
- .p-password-panel {
- background-color: #ffffff;
- border: 1px solid #e2e8f0;
- padding: 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.75rem;
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength {
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #ef4444;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #f59e0b;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #22c55e;
- }
-
- .p-orderlist-controls .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-orderlist-controls .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-orderlist-controls .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-orderlist-controls .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
-
- .p-orderlist .p-orderlist-header {
- background: #ffffff;
- color: #334155;
- border: 0 none;
- border-bottom: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #64748b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list {
- border: 1px solid #cbd5e1;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- border-radius: 6px;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-organizationchart .p-organizationchart-node-content {
- padding: 0.75rem 1rem;
- border-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid #e2e8f0;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: static;
- }
- .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) {
- padding: 0.75rem 1rem 1.25rem 1rem;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
- border-right: 0 none;
- }
- .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) {
- border-top-right-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) {
- border-left: 1px solid #e2e8f0;
- border-top-left-radius: 6px;
- }
-
- .p-overlaypanel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.75rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- position: absolute;
- top: 0.25rem;
- right: 0.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-overlaypanel .p-overlaypanel-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-panel {
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- background-color: #ffffff;
- }
- .p-panel .p-panel-header,
-.p-panel .p-panel-content,
-.p-panel .p-panel-footer {
- background: transparent;
- border: 0 none;
- }
- .p-panel:has(.p-panel-footer) .p-panel-content {
- padding-bottom: 0.875rem;
- }
-
- .p-picklist-buttons .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-picklist-buttons .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-picklist-buttons .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-picklist-buttons .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
-
- .p-picklist .p-picklist-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #64748b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-picklist .p-picklist-list {
- border: 1px solid #cbd5e1;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- border-radius: 6px;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-progressbar-label {
- font-size: 0.75rem;
- font-weight: 600;
- }
-
- .p-radiobutton .p-radiobutton-box {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box {
- border-color: #020617;
- }
- .p-radiobutton.p-disabled {
- opacity: 1;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box {
- border: 1px solid #cbd5e1;
- background-color: #e2e8f0;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon {
- background-color: #64748b;
- }
-
- .p-rating {
- gap: 0.25rem;
- }
-
- .p-selectbutton .p-button .pi,
-.p-selectbutton .p-button .p-button-label {
- position: relative;
- transition: none;
- }
- .p-selectbutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-selectbutton .p-button.p-highlight::before {
- background: #ffffff;
- border-color: #ffffff;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-selectbutton .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-selectbutton .p-button.p-disabled {
- opacity: 1;
- color: #94a3b8;
- }
- .p-selectbutton.p-invalid {
- box-shadow: 0 0 0 1px #f87171;
- border-radius: 6px;
- }
- .p-selectbutton.p-invalid > .p-button {
- border: 1px solid #f1f5f9;
- }
- .p-selectbutton.p-disabled {
- opacity: 1;
- }
- .p-selectbutton.p-disabled .p-button {
- color: #94a3b8;
- }
-
- .p-slider .p-slider-handle {
- display: flex !important;
- justify-content: center;
- align-items: center;
- }
- .p-slider .p-slider-handle::before {
- content: "";
- width: 16px;
- height: 16px;
- display: block;
- background-color: #ffffff;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline-color: #2047ec;
- }
-
- .p-speeddial-button.p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-splitter-gutter-handle {
- border-radius: 6px;
- }
-
- .p-stepper .p-stepper-header .p-stepper-number {
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #ffffff;
- color: #020617;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #020617;
- }
-
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- border-width: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-steps-number {
- position: relative;
- font-weight: 500;
- }
- .p-steps .p-steps-item .p-steps-number::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #ffffff;
- color: #020617;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- color: #020617;
- }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1;
- }
- .p-steps .p-steps-item:before {
- border-top-width: 2px;
- margin-top: calc(-1rem + 1px);
- }
- .p-steps .p-steps-item:first-child::before {
- width: calc(50% + 1rem);
- transform: translateX(100%);
- }
- .p-steps .p-steps-item:last-child::before {
- width: 50%;
- }
-
- .p-tabmenu .p-tabmenu-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: -1px;
- height: 1px;
- background-color: #020617;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabmenu .p-tabmenu-nav {
- position: relative;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-tabview .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 1px;
- background-color: #020617;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabview .p-tabview-nav {
- position: relative;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6);
- }
- .p-tabview .p-tabview-nav-btn.p-link:hover {
- color: #475569;
- }
-
- .p-tag {
- background: var(--primary-100);
- color: var(--primary-700);
- }
- .p-tag.p-tag-success {
- background: var(--green-100);
- color: var(--green-700);
- }
- .p-tag.p-tag-info {
- background: var(--blue-100);
- color: var(--blue-700);
- }
- .p-tag.p-tag-warning {
- background: var(--orange-100);
- color: var(--orange-700);
- }
- .p-tag.p-tag-danger {
- background: var(--red-100);
- color: var(--red-700);
- }
-
- .p-terminal {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- }
- .p-terminal .p-terminal-prompt {
- margin-right: 0.25rem;
- }
- .p-terminal .p-terminal-response {
- margin: 2px 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- position: relative;
- }
- .p-timeline .p-timeline-event-marker::before {
- content: " ";
- border-radius: 50%;
- width: 0.375rem;
- height: 0.375rem;
- background-color: #020617;
- }
- .p-timeline .p-timeline-event-marker::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-toast .p-toast-message {
- backdrop-filter: blur(1.5px);
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- font-size: 0.875rem;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.75rem;
- height: 1.75rem;
- margin-top: -25%;
- right: -25%;
- position: relative;
- }
-
- .p-toast .p-toast-message.p-toast-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- outline-color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
- background: #dbeafe;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- outline-color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
- background: #dcfce7;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- outline-color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
- background: #fef9c3;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
- background: #fee2e2;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover {
- background: #e2e8f0;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover {
- background: #1e293b;
- }
-
- .p-togglebutton .p-button .p-button-label,
-.p-togglebutton .p-button .p-button-icon {
- position: relative;
- transition: none;
- }
- .p-togglebutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-togglebutton.p-highlight .p-button::before {
- background: #ffffff;
- border-color: #ffffff;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-togglebutton.p-disabled {
- opacity: 1;
- }
- .p-togglebutton.p-disabled .p-button {
- color: #94a3b8;
- }
- .p-togglebutton.p-disabled .p-button .p-button-icon {
- color: #94a3b8;
- }
-
- .p-toolbar {
- padding: 0.75rem;
- }
-
- .p-tree {
- border: 0 none;
- padding: 1rem;
- }
- .p-tree .p-tree-container .p-treenode {
- margin: 2px 0;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline-offset: -2px;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover {
- background-color: #020617;
- }
- .p-tree .p-tree-container > .p-treenode:first-child {
- margin-top: 0;
- }
- .p-tree .p-tree-container > .p-treenode:last-child {
- margin-bottom: 0;
- }
-
- .p-treeselect-panel .p-tree {
- padding: 0.25rem 0.25rem;
- }
-
- .p-treeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-treeselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-treeselect.p-disabled .p-treeselect-label {
- color: #64748b;
- }
-}
diff --git a/public/themes/aura-light-pink/fonts/Inter-italic.var.woff2 b/public/themes/aura-light-pink/fonts/Inter-italic.var.woff2
deleted file mode 100644
index b826d5a..0000000
Binary files a/public/themes/aura-light-pink/fonts/Inter-italic.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-light-pink/fonts/Inter-roman.var.woff2 b/public/themes/aura-light-pink/fonts/Inter-roman.var.woff2
deleted file mode 100644
index 6a256a0..0000000
Binary files a/public/themes/aura-light-pink/fonts/Inter-roman.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-light-pink/theme.css b/public/themes/aura-light-pink/theme.css
deleted file mode 100644
index 1d6b6c9..0000000
--- a/public/themes/aura-light-pink/theme.css
+++ /dev/null
@@ -1,12111 +0,0 @@
-:root {
- font-family: "Inter var", sans-serif;
- font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- font-variation-settings: normal;
- --font-family: "Inter var", sans-serif;
- --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- --text-color: #334155;
- --text-color-secondary: #64748b;
- --primary-color: #ec4899;
- --primary-color-text: #ffffff;
- --surface-0: #ffffff;
- --surface-50: #f8fafc;
- --surface-100: #f1f5f9;
- --surface-200: #e2e8f0;
- --surface-300: #cbd5e1;
- --surface-400: #94a3b8;
- --surface-500: #64748b;
- --surface-600: #475569;
- --surface-700: #334155;
- --surface-800: #1e293b;
- --surface-900: #0f172a;
- --surface-950: #020617;
- --gray-0: #ffffff;
- --gray-50: #f8fafc;
- --gray-100: #f1f5f9;
- --gray-200: #e2e8f0;
- --gray-300: #cbd5e1;
- --gray-400: #94a3b8;
- --gray-500: #64748b;
- --gray-600: #475569;
- --gray-700: #334155;
- --gray-800: #1e293b;
- --gray-900: #0f172a;
- --gray-950: #020617;
- --content-padding: 1.125rem;
- --inline-spacing: 0.5rem;
- --border-radius: 6px;
- --surface-ground: #f8fafc;
- --surface-section: #ffffff;
- --surface-card: #ffffff;
- --surface-overlay: #ffffff;
- --surface-border: #e2e8f0;
- --surface-hover: #f1f5f9;
- --focus-ring: none;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #fdf2f8;
- --highlight-text-color: #be185d;
- --p-anchor-gutter: 2px;
- color-scheme: light;
-}
-
-:root {
- --p-focus-ring-color: var(--primary-color);
-}
-
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: normal;
- font-named-instance: "Regular";
- src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
-}
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: italic;
- font-named-instance: "Italic";
- src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
-}
-:root {
- --blue-50:#f5f9ff;
- --blue-100:#d0e1fd;
- --blue-200:#abc9fb;
- --blue-300:#85b2f9;
- --blue-400:#609af8;
- --blue-500:#3b82f6;
- --blue-600:#326fd1;
- --blue-700:#295bac;
- --blue-800:#204887;
- --blue-900:#183462;
- --green-50:#f4fcf7;
- --green-100:#caf1d8;
- --green-200:#a0e6ba;
- --green-300:#76db9b;
- --green-400:#4cd07d;
- --green-500:#22c55e;
- --green-600:#1da750;
- --green-700:#188a42;
- --green-800:#136c34;
- --green-900:#0e4f26;
- --yellow-50:#fefbf3;
- --yellow-100:#faedc4;
- --yellow-200:#f6de95;
- --yellow-300:#f2d066;
- --yellow-400:#eec137;
- --yellow-500:#eab308;
- --yellow-600:#c79807;
- --yellow-700:#a47d06;
- --yellow-800:#816204;
- --yellow-900:#5e4803;
- --cyan-50:#f3fbfd;
- --cyan-100:#c3edf5;
- --cyan-200:#94e0ed;
- --cyan-300:#65d2e4;
- --cyan-400:#35c4dc;
- --cyan-500:#06b6d4;
- --cyan-600:#059bb4;
- --cyan-700:#047f94;
- --cyan-800:#036475;
- --cyan-900:#024955;
- --pink-50:#fef6fa;
- --pink-100:#fad3e7;
- --pink-200:#f7b0d3;
- --pink-300:#f38ec0;
- --pink-400:#f06bac;
- --pink-500:#ec4899;
- --pink-600:#c93d82;
- --pink-700:#a5326b;
- --pink-800:#822854;
- --pink-900:#5e1d3d;
- --indigo-50:#f7f7fe;
- --indigo-100:#dadafc;
- --indigo-200:#bcbdf9;
- --indigo-300:#9ea0f6;
- --indigo-400:#8183f4;
- --indigo-500:#6366f1;
- --indigo-600:#5457cd;
- --indigo-700:#4547a9;
- --indigo-800:#363885;
- --indigo-900:#282960;
- --teal-50:#f3fbfb;
- --teal-100:#c7eeea;
- --teal-200:#9ae0d9;
- --teal-300:#6dd3c8;
- --teal-400:#41c5b7;
- --teal-500:#14b8a6;
- --teal-600:#119c8d;
- --teal-700:#0e8174;
- --teal-800:#0b655b;
- --teal-900:#084a42;
- --orange-50:#fff8f3;
- --orange-100:#feddc7;
- --orange-200:#fcc39b;
- --orange-300:#fba86f;
- --orange-400:#fa8e42;
- --orange-500:#f97316;
- --orange-600:#d46213;
- --orange-700:#ae510f;
- --orange-800:#893f0c;
- --orange-900:#642e09;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dadee3;
- --bluegray-200:#bcc3cd;
- --bluegray-300:#9fa9b7;
- --bluegray-400:#818ea1;
- --bluegray-500:#64748b;
- --bluegray-600:#556376;
- --bluegray-700:#465161;
- --bluegray-800:#37404c;
- --bluegray-900:#282e38;
- --purple-50:#fbf7ff;
- --purple-100:#ead6fd;
- --purple-200:#dab6fc;
- --purple-300:#c996fa;
- --purple-400:#b975f9;
- --purple-500:#a855f7;
- --purple-600:#8f48d2;
- --purple-700:#763cad;
- --purple-800:#5c2f88;
- --purple-900:#432263;
- --red-50:#fff5f5;
- --red-100:#ffd0ce;
- --red-200:#ffaca7;
- --red-300:#ff8780;
- --red-400:#ff6259;
- --red-500:#ff3d32;
- --red-600:#d9342b;
- --red-700:#b32b23;
- --red-800:#8c221c;
- --red-900:#661814;
- --primary-50:#fef6fa;
- --primary-100:#fad3e7;
- --primary-200:#f7b0d3;
- --primary-300:#f38ec0;
- --primary-400:#f06bac;
- --primary-500:#ec4899;
- --primary-600:#c93d82;
- --primary-700:#a5326b;
- --primary-800:#822854;
- --primary-900:#5e1d3d;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #ffffff;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #e2e8f0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- padding: 0.25rem 0.25rem;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #1e293b;
- background: #f1f5f9;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 0.75rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #e2e8f0;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #ec4899;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #ec4899;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #ec4899;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #ec4899;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.6;
- }
-
- .p-error {
- color: #f87171;
- }
-
- .p-text-secondary {
- color: #64748b;
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.25rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #94a3b8;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #e2e8f0;
- color: #0f172a;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-autocomplete-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.25rem 0.25rem;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #be185d;
- background: #fdf2f8;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(236, 72, 153, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
-
- .p-datepicker {
- padding: 0.75rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0 0 0.5rem 0;
- color: #334155;
- background: #ffffff;
- font-weight: 500;
- margin: 0 0 0 0;
- border-bottom: 1px solid #e2e8f0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 1.75rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-weight: 500;
- padding: 0.25rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #ec4899;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker table th {
- padding: 0.25rem;
- }
- .p-datepicker table th > span {
- width: 2rem;
- height: 2rem;
- }
- .p-datepicker table td {
- padding: 0.25rem;
- }
- .p-datepicker table td > span {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: #be185d;
- background: #fdf2f8;
- }
- .p-datepicker table td > span:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #e2e8f0;
- color: #0f172a;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #be185d;
- background: #fdf2f8;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.5rem 0 0 0;
- border-top: 1px solid #e2e8f0;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #e2e8f0;
- padding: 0;
- }
- .p-datepicker .p-timepicker button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #be185d;
- background: #fdf2f8;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #be185d;
- background: #fdf2f8;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #e2e8f0;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0.25rem;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #f8fafc;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #f8fafc;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #64748b;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-cascadeselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #be185d;
- background: #fdf2f8;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(236, 72, 153, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #cbd5e1;
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- color: #334155;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 0.875rem;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #ec4899;
- background: #ec4899;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #94a3b8;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #db2777;
- background: #db2777;
- color: #ffffff;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #f87171;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #ec4899;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #db2777;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #ec4899;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #db2777;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #94a3b8;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #e2e8f0;
- color: #0f172a;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-colorpicker-panel {
- background: #323232;
- border: 1px solid #191919;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff;
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-dropdown.p-variant-filled {
- background: #f8fafc;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #64748b;
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #94a3b8;
- right: 2.5rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-dropdown-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.25rem 0.25rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #be185d;
- background: #fdf2f8;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(236, 72, 153, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #ffffff;
- color: #64748b;
- border-top: 1px solid #cbd5e1;
- border-left: 1px solid #cbd5e1;
- border-bottom: 1px solid #cbd5e1;
- padding: 0.5rem 0.75rem;
- min-width: 2.5rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #cbd5e1;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.5rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: #94a3b8;
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: #94a3b8;
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #f8fafc;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #f8fafc;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 2.5rem;
- height: 1.5rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1rem;
- height: 1rem;
- left: 0.25rem;
- margin-top: -0.5rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #ec4899;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #ffffff;
- transform: translateX(1rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #94a3b8;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #db2777;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #f87171;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- background: #ffffff;
- padding: 0.5rem 0.75rem;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- appearance: none;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #94a3b8;
- }
- .p-inputtext:enabled:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #f87171;
- }
- .p-inputtext.p-variant-filled {
- background-color: #f8fafc;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #f8fafc;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: #64748b;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #f87171;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: #64748b;
- }
-
- :-moz-placeholder {
- color: #64748b;
- }
-
- ::-moz-placeholder {
- color: #64748b;
- }
-
- :-ms-input-placeholder {
- color: #64748b;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #f8fafc;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #f8fafc;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-listbox .p-listbox-list {
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #be185d;
- background: #fdf2f8;
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(236, 72, 153, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-listbox.p-invalid {
- border-color: #f87171;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-multiselect.p-variant-filled {
- background: #f8fafc;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #64748b;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #be185d;
- background: #fdf2f8;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(236, 72, 153, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-password-panel {
- padding: 0 1.125rem 1.125rem 1.125rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #e2e8f0;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #ef4444;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #f59e0b;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #22c55e;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #cbd5e1;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #cbd5e1;
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- color: #334155;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 0.75rem;
- height: 0.75rem;
- transition-duration: 0.2s;
- background-color: #ec4899;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #ec4899;
- background: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #94a3b8;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #db2777;
- background: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #db2777;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #f87171;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-size: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f87171;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #ec4899;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #ec4899;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #ef4444;
- }
-
- .p-selectbutton .p-button {
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #64748b;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #334155;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #334155;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #0f172a;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #f87171;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #e2e8f0;
- border: 0 none;
- border-radius: 6px;
- }
- .p-slider.p-slider-horizontal {
- height: 3px;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px;
- }
- .p-slider.p-slider-vertical {
- width: 3px;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px;
- }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #e2e8f0;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-slider .p-slider-range {
- background: #ec4899;
- border-radius: 6px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #e2e8f0;
- border-color: transparent;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-treeselect.p-variant-filled {
- background: #f8fafc;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #64748b;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #f8fafc;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #f1f5f9;
- border-radius: 6px;
- }
- .p-togglebutton .p-button {
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #64748b;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #334155;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #334155;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #f87171;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #ffffff;
- background: #ec4899;
- border: 1px solid #ec4899;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #db2777;
- color: #ffffff;
- border-color: #db2777;
- }
- .p-button:not(:disabled):active {
- background: #be185d;
- color: #ffffff;
- border-color: #be185d;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #ec4899;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(236, 72, 153, 0.04);
- color: #ec4899;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(236, 72, 153, 0.16);
- color: #ec4899;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #334155;
- border-color: #334155;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: #f1f5f9;
- color: #334155;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: #e2e8f0;
- color: #334155;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #ec4899;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(236, 72, 153, 0.04);
- color: #ec4899;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(236, 72, 153, 0.16);
- color: #ec4899;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #334155;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: #f1f5f9;
- color: #334155;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: #e2e8f0;
- color: #334155;
- }
- .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #ec4899;
- background-color: #ffffff;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.5rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.5rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.5rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(241, 245, 249, 0.04);
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(241, 245, 249, 0.16);
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #f1f5f9;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(241, 245, 249, 0.04);
- border-color: transparent;
- color: #f1f5f9;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(241, 245, 249, 0.16);
- border-color: transparent;
- color: #f1f5f9;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #ffffff;
- background: #0ea5e9;
- border: 1px solid #0ea5e9;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #0284c7;
- color: #ffffff;
- border-color: #0284c7;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #0369a1;
- color: #ffffff;
- border-color: #0369a1;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(14, 165, 233, 0.04);
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(14, 165, 233, 0.16);
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #0ea5e9;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(14, 165, 233, 0.04);
- border-color: transparent;
- color: #0ea5e9;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(14, 165, 233, 0.16);
- border-color: transparent;
- color: #0ea5e9;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #ffffff;
- background: #22c55e;
- border: 1px solid #22c55e;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #16a34a;
- color: #ffffff;
- border-color: #16a34a;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #15803d;
- color: #ffffff;
- border-color: #15803d;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(34, 197, 94, 0.04);
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(34, 197, 94, 0.16);
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #22c55e;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(34, 197, 94, 0.04);
- border-color: transparent;
- color: #22c55e;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(34, 197, 94, 0.16);
- border-color: transparent;
- color: #22c55e;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #ffffff;
- background: #f97316;
- border: 1px solid #f97316;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ea580c;
- color: #ffffff;
- border-color: #ea580c;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #c2410c;
- color: #ffffff;
- border-color: #c2410c;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(249, 115, 22, 0.04);
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(249, 115, 22, 0.16);
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #f97316;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(249, 115, 22, 0.04);
- border-color: transparent;
- color: #f97316;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(249, 115, 22, 0.16);
- border-color: transparent;
- color: #f97316;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #ffffff;
- background: #a855f7;
- border: 1px solid #a855f7;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #9333ea;
- color: #ffffff;
- border-color: #9333ea;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #7e22ce;
- color: #ffffff;
- border-color: #7e22ce;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(168, 85, 247, 0.04);
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(168, 85, 247, 0.16);
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #a855f7;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(168, 85, 247, 0.04);
- border-color: transparent;
- color: #a855f7;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(168, 85, 247, 0.16);
- border-color: transparent;
- color: #a855f7;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #ffffff;
- background: #ef4444;
- border: 1px solid #ef4444;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #dc2626;
- color: #ffffff;
- border-color: #dc2626;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #b91c1c;
- color: #ffffff;
- border-color: #b91c1c;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(239, 68, 68, 0.04);
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(239, 68, 68, 0.16);
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #ef4444;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(239, 68, 68, 0.04);
- border-color: transparent;
- color: #ef4444;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(239, 68, 68, 0.16);
- border-color: transparent;
- color: #ef4444;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #ffffff;
- background: #020617;
- border: 1px solid #020617;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #1e293b;
- color: #ffffff;
- border-color: #1e293b;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #334155;
- color: #ffffff;
- border-color: #334155;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(2, 6, 23, 0.04);
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(2, 6, 23, 0.16);
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #020617;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(2, 6, 23, 0.04);
- border-color: transparent;
- color: #020617;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(2, 6, 23, 0.16);
- border-color: transparent;
- color: #020617;
- }
-
- .p-button.p-button-link {
- color: #db2777;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #db2777;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #db2777;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-speeddial-action {
- width: 2.5rem;
- height: 2.5rem;
- background: #f1f5f9;
- color: #475569;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-speeddial-action:hover {
- background: #e2e8f0;
- color: #334155;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 6px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 6px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #e2e8f0;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #cbd5e1;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #fdf2f8;
- color: #be185d;
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #64748b;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: #be185d;
- background: #fdf2f8;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #475569;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #fdf2f8;
- color: #be185d;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #be185d;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #fdf2f8;
- color: #be185d;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #be185d;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: 0 none;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #ffffff;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #fdf2f8;
- color: #be185d;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #fdf2f8;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #fdf2f8;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-datatable .p-column-resizer-helper {
- background: #ec4899;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #ffffff;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #f8fafc;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: #fdf2f8;
- color: #be185d;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: #be185d;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: #be185d;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #ffffff;
- color: #334155;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: #f1f5f9;
- color: #475569;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #fdf2f8;
- color: #be185d;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-clear-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-overlay {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.25rem 0.25rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #be185d;
- background: #fdf2f8;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-bottom: 1px solid #e2e8f0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-orderlist .p-orderlist-header {
- color: #334155;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: #334155;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #e2e8f0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #be185d;
- background: #fdf2f8;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(236, 72, 153, 0.24);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #f8fafc;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: #f1f5f9;
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #fdf2f8;
- color: #be185d;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #ec84bd;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #e2e8f0;
- border-color: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #e2e8f0;
- border-color: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #ffffff;
- color: #334155;
- border: solid #e2e8f0;
- border-width: 0;
- padding: 0.5rem 1rem;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: transparent;
- color: #475569;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 50%;
- border-bottom-left-radius: 50%;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 50%;
- border-bottom-right-radius: 50%;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.5rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.5rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #fdf2f8;
- border-color: #fdf2f8;
- color: #be185d;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: transparent;
- color: #475569;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-picklist .p-picklist-header {
- color: #334155;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: #334155;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #e2e8f0;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #be185d;
- background: #fdf2f8;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(236, 72, 153, 0.24);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #f8fafc;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: #f1f5f9;
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #e2e8f0;
- border-radius: 50%;
- width: 1.125rem;
- height: 1.125rem;
- background-color: #ffffff;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #e2e8f0;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-radius: 6px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0 0;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- padding: 0.25rem 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #475569;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #334155;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #fdf2f8;
- color: #be185d;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #be185d;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #be185d;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- }
- .p-treetable .p-sortable-column {
- outline-color: var(--p-focus-ring-color);
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #64748b;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: #be185d;
- background: #fdf2f8;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #475569;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #fdf2f8;
- color: #be185d;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #be185d;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #ffffff;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #334155;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #fdf2f8;
- color: #be185d;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #be185d;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #be185d;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #1e293b;
- }
- .p-treetable .p-column-resizer-helper {
- background: #ec4899;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #ffffff;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #64748b;
- background: #ffffff;
- font-weight: 600;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #e2e8f0;
- background: #ffffff;
- color: #334155;
- }
- .p-accordion .p-accordion-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-card {
- background: #ffffff;
- color: #334155;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-card .p-card-body {
- padding: 1.5rem;
- }
- .p-card .p-card-title {
- font-size: 1.25rem;
- font-weight: 600;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #64748b;
- }
- .p-card .p-card-content {
- padding: 0 0 0 0;
- }
- .p-card .p-card-footer {
- padding: 0 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-radius: 6px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- background: #ffffff;
- font-weight: 600;
- border-radius: 6px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1.125rem;
- color: #334155;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: #1e293b;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #ffffff;
- border-color: #ffffff;
- color: #1e293b;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #ffffff;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #e2e8f0;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #e2e8f0;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #e2e8f0;
- padding: 1.125rem;
- background: #ffffff;
- color: #334155;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.75rem 1.125rem;
- }
- .p-panel .p-panel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panel .p-panel-footer {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #f1f5f9;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- border-radius: 6px;
- color: #334155;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- background: #e2e8f0;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #e2e8f0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #e2e8f0;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #64748b;
- border: 1px solid #e2e8f0;
- border-width: 2px;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #334155;
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #fdf2f8;
- color: #be185d;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #334155;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #ec4899;
- }
- .p-stepper .p-stepper-panels {
- background: #ffffff;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- color: #334155;
- }
- .p-stepper .p-stepper-separator {
- background-color: #e2e8f0;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #ffffff;
- color: #334155;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #ec4899;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #e2e8f0;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #e2e8f0 transparent;
- background: #ffffff;
- color: #64748b;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #ec4899;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #ffffff;
- color: #ec4899;
- width: 2.5rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-panels {
- background: #ffffff;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- padding: 1.125rem;
- border-radius: 6px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(226, 232, 240, 0);
- border-bottom-color: #d3dce8;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #e2e8f0;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- border: 1px solid #e2e8f0;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 1.5rem;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #334155;
- padding: 0 1.5rem 1.5rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #ec4899;
- color: #ffffff;
- width: 1.75rem;
- height: 1.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -0.875rem;
- right: -0.875rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #db2777;
- color: #ffffff;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(226, 232, 240, 0);
- border-bottom-color: #d3dce8;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #e2e8f0;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1.125rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #334155;
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #334155;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #334155;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #334155;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #334155;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #ffffff;
- padding: 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fileupload .p-fileupload-content {
- background: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #ec4899;
- background-color: #fdf2f8;
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #db2777;
- color: #ffffff;
- border-color: #db2777;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #be185d;
- color: #ffffff;
- border-color: #be185d;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #ffffff;
- border: 0 none;
- border-radius: 6px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #94a3b8;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #334155;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #94a3b8;
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-contextmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #be185d;
- background: #fdf2f8;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #be185d;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #be185d;
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(236, 72, 153, 0.24);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 6px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-dock .p-dock-link {
- width: 3rem;
- height: 3rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem 0.5rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 2px 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #be185d;
- background: #fdf2f8;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #be185d;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #be185d;
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(236, 72, 153, 0.24);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0.25rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #94a3b8;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 2px 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #be185d;
- background: #fdf2f8;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #be185d;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #be185d;
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(236, 72, 153, 0.24);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem 0.5rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem {
- margin: 2px 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #be185d;
- background: #fdf2f8;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #be185d;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #be185d;
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(236, 72, 153, 0.24);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- border-radius: 6px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #94a3b8;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.5rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 0 none;
- color: #64748b;
- background: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #64748b;
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #e2e8f0;
- background: #ffffff;
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0.25rem;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #be185d;
- background: #fdf2f8;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #be185d;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #be185d;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(236, 72, 153, 0.24);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #64748b;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #334155;
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #fdf2f8;
- color: #be185d;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 500;
- color: #334155;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #e2e8f0;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #e2e8f0;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #e2e8f0 transparent;
- background: #ffffff;
- color: #64748b;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #ec4899;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #be185d;
- background: #fdf2f8;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #be185d;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #be185d;
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(236, 72, 153, 0.24);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.75rem;
- margin: 0;
- border-radius: 6px;
- }
- .p-inline-message.p-inline-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #2563eb;
- }
- .p-inline-message.p-inline-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #16a34a;
- }
- .p-inline-message.p-inline-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #ca8a04;
- }
- .p-inline-message.p-inline-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #dc2626;
- }
- .p-inline-message.p-inline-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-inline-message.p-inline-message-secondary .p-inline-message-icon {
- color: #475569;
- }
- .p-inline-message.p-inline-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-inline-message.p-inline-message-contrast .p-inline-message-icon {
- color: #f8fafc;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 6px;
- }
- .p-message .p-message-wrapper {
- padding: 0.5rem 0.75rem;
- }
- .p-message .p-message-close {
- width: 1.75rem;
- height: 1.75rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-message.p-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-message.p-message-info .p-message-icon {
- color: #2563eb;
- }
- .p-message.p-message-info .p-message-close {
- color: #2563eb;
- }
- .p-message.p-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-message.p-message-success .p-message-icon {
- color: #16a34a;
- }
- .p-message.p-message-success .p-message-close {
- color: #16a34a;
- }
- .p-message.p-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-close {
- color: #ca8a04;
- }
- .p-message.p-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-message.p-message-error .p-message-icon {
- color: #dc2626;
- }
- .p-message.p-message-error .p-message-close {
- color: #dc2626;
- }
- .p-message.p-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-message.p-message-secondary .p-message-icon {
- color: #475569;
- }
- .p-message.p-message-secondary .p-message-close {
- color: #475569;
- }
- .p-message.p-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-icon {
- color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-close {
- color: #f8fafc;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1rem;
- height: 1rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 0.75rem;
- border-width: 1px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 1.125rem;
- height: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 500;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.125rem;
- height: 1.125rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- color: #475569;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- color: #f8fafc;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #f1f5f9;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #f1f5f9;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #f1f5f9;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #e2e8f0;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #cbd5e1;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #fdf2f8;
- color: #be185d;
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #fdf2f8;
- color: #be185d;
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f1f5f9;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #f8fafc;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #f8fafc;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #ffffff;
- background-color: rgba(255, 255, 255, 0.1);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #e2e8f0;
- border-radius: 6px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #ffffff;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #ec4899;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-badge.p-badge-success {
- background-color: #22c55e;
- color: #ffffff;
- }
- .p-badge.p-badge-info {
- background-color: #0ea5e9;
- color: #ffffff;
- }
- .p-badge.p-badge-warning {
- background-color: #f97316;
- color: #ffffff;
- }
- .p-badge.p-badge-danger {
- background-color: #ef4444;
- color: #ffffff;
- }
- .p-badge.p-badge-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-badge.p-badge-contrast {
- background-color: #020617;
- color: #ffffff;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 6px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #ec4899;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #ec4899;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.25rem;
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #ec4899;
- }
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.25rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #dc2626;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #dc2626;
- }
- 40% {
- stroke: #2563eb;
- }
- 66% {
- stroke: #16a34a;
- }
- 80%, 90% {
- stroke: #ca8a04;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7);
- }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8);
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #f8fafc;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: #e2e8f0;
- border-radius: 6px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #ec4899;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
- }
- .p-tag.p-tag-success {
- background-color: #22c55e;
- color: #ffffff;
- }
- .p-tag.p-tag-info {
- background-color: #0ea5e9;
- color: #ffffff;
- }
- .p-tag.p-tag-warning {
- background-color: #f97316;
- color: #ffffff;
- }
- .p-tag.p-tag-danger {
- background-color: #ef4444;
- color: #ffffff;
- }
- .p-tag.p-tag-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-tag.p-tag-contrast {
- background-color: #020617;
- color: #ffffff;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primevue {
- .p-accordion .p-accordion-header .p-accordion-header-link {
- border-radius: 6px !important;
- flex-direction: row-reverse;
- justify-content: space-between;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link:hover {
- border-bottom-color: #e2e8f0;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- transform: rotate(90deg);
- }
- .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon {
- transform: rotate(-180deg);
- }
- .p-accordion .p-accordion-tab {
- border-bottom: 1px solid #e2e8f0;
- }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom: 0 none;
- }
-
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.375rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete.p-disabled {
- opacity: 1;
- }
-
- .p-button-label {
- font-weight: 500;
- }
-
- .p-button.p-button-success:enabled:focus-visible {
- outline-color: #22c55e;
- }
- .p-button.p-button-info:enabled:focus-visible {
- outline-color: #0ea5e9;
- }
- .p-button.p-button-warning:enabled:focus-visible {
- outline-color: #f97316;
- }
- .p-button.p-button-help:enabled:focus-visible {
- outline-color: #a855f7;
- }
- .p-button.p-button-danger:enabled:focus-visible {
- outline-color: #ef4444;
- }
- .p-button.p-button-contrast:enabled:focus-visible {
- outline-color: #020617;
- }
- .p-button.p-button-outlined {
- border-color: var(--primary-200);
- }
- .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active {
- border-color: var(--primary-200);
- }
- .p-button.p-button-outlined.p-button-secondary {
- border-color: var(--surface-200);
- color: #64748b;
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover {
- color: #64748b;
- background-color: #f1f5f9;
- border-color: var(--surface-200);
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):active {
- color: #64748b;
- background-color: #e2e8f0;
- border-color: var(--surface-200);
- }
- .p-button.p-button-outlined.p-button-success {
- border-color: #bbf7d0;
- }
- .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active {
- border-color: #bbf7d0;
- }
- .p-button.p-button-outlined.p-button-info {
- border-color: #bae6fd;
- }
- .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active {
- border-color: #bae6fd;
- }
- .p-button.p-button-outlined.p-button-warning {
- border-color: #fed7aa;
- }
- .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active {
- border-color: #fed7aa;
- }
- .p-button.p-button-outlined.p-button-help {
- border-color: #e9d5ff;
- }
- .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active {
- border-color: #e9d5ff;
- }
- .p-button.p-button-outlined.p-button-danger {
- border-color: #fecaca;
- }
- .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active {
- border-color: #fecaca;
- }
- .p-button.p-button-outlined.p-button-contrast {
- border-color: #334155;
- }
- .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active {
- border-color: #334155;
- }
- .p-button.p-button-secondary.p-button-text {
- color: #64748b;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover {
- background: #f1f5f9;
- color: #64748b;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active {
- background: #e2e8f0;
- color: #64748b;
- }
-
- .p-datepicker-buttonbar .p-button {
- padding: 0.25rem 0.75rem;
- font-size: 0.875rem;
- }
-
- .p-datepicker .p-datepicker-group-container + .p-timepicker {
- margin-top: 0.5rem;
- padding-top: 0.5rem;
- }
- .p-datepicker table th {
- font-weight: 500;
- }
-
- .p-card {
- border-radius: 12px;
- display: flex;
- flex-direction: column;
- }
- .p-card .p-card-caption {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-card .p-card-caption .p-card-title,
-.p-card .p-card-caption .p-card-subtitle {
- margin-bottom: 0;
- }
- .p-card .p-card-body {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #ec4899;
- }
-
- .p-cascadeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-cascadeselect .p-cascadeselect-label {
- box-shadow: none;
- }
- .p-cascadeselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-cascadeselect.p-disabled .p-cascadeselect-label {
- color: #64748b;
- }
-
- div.p-cascadeselect-panel {
- border: 0 none;
- box-shadow: none;
- }
-
- .p-checkbox .p-checkbox-box {
- border-radius: 4px;
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
- border-color: #ec4899;
- }
- .p-checkbox.p-disabled {
- opacity: 1;
- }
- .p-checkbox.p-disabled .p-checkbox-box {
- background-color: #e2e8f0;
- border: 1px solid #cbd5e1;
- }
- .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {
- color: #64748b;
- }
-
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.375rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips.p-disabled .p-chips-multiple-container {
- opacity: 1;
- background-color: #e2e8f0;
- }
-
- .p-chip {
- border-radius: 16px;
- padding: 0.25rem 0.75rem;
- }
- .p-chip .p-chip-text {
- margin-top: 0;
- margin-bottom: 0;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.375rem;
- }
- .p-chip:has(.p-chip-remove-icon) {
- padding-right: 0.5rem;
- }
- .p-chip img {
- margin-left: -0.5rem;
- }
-
- .p-colorpicker-preview {
- padding: 0;
- }
- .p-colorpicker-preview:enabled:focus {
- outline-offset: 2px;
- }
- .p-colorpicker-preview.p-inputtext.p-disabled {
- opacity: 0.6;
- }
-
- .p-confirm-popup {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #ec4899;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #ec4899;
- }
- .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: #f6c7e1;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight > td {
- border-bottom-color: #f6c7e1;
- }
-
- .p-dataview-layout-options.p-selectbutton .p-button svg {
- position: relative;
- }
-
- .p-dialog {
- border-radius: 12px;
- background-color: #ffffff;
- }
- .p-dialog.p-dialog-maximized {
- border-radius: 0;
- }
- .p-dialog .p-dialog-header {
- border-top-right-radius: 12px;
- border-top-left-radius: 12px;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
- .p-dialog .p-dialog-footer {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
-
- .p-dropdown {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-dropdown .p-dropdown-label {
- box-shadow: none;
- }
- .p-dropdown.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-dropdown.p-disabled .p-dropdown-label {
- color: #64748b;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- margin-left: -0.375rem;
- margin-right: 0.375rem;
- }
-
- .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: #f6c7e1;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td {
- border-bottom-color: #f6c7e1;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover {
- background-color: #fdf2f8;
- color: #be185d;
- }
-
- .p-fieldset {
- padding: 0 1.125rem 1.125rem 1.125rem;
- margin: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text {
- padding: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- color: #64748b;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background-color: #f1f5f9;
- }
- .p-fieldset .p-fieldset-legend {
- border: 0 none;
- padding: 0;
- margin-bottom: 0.375rem;
- }
- .p-fieldset .p-fieldset-legend span {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0;
- }
-
- .p-column-filter-overlay-menu {
- padding: 0.75rem;
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraints {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 0 0 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button {
- margin-bottom: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0;
- }
-
- .p-fileupload .p-fileupload-content {
- border-top: 0 none;
- padding-top: 1.125rem;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #ec4899;
- }
-
- .p-inline-message-text {
- font-weight: 500;
- }
-
- .p-inline-message {
- backdrop-filter: blur(1.5px);
- }
-
- .p-inline-message.p-inline-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
-
- .p-inline-message.p-inline-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
-
- .p-inline-message.p-inline-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
-
- .p-inline-message.p-inline-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
-
- .p-inline-message.p-inline-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
-
- .p-inline-message.p-inline-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
-
- .p-inputgroup-addon {
- padding: 0.5rem;
- }
-
- .p-inputnumber.p-inputnumber-buttons-stacked {
- position: relative;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- position: absolute;
- top: 1px;
- right: 1px;
- height: calc(100% - 2px);
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #cbd5e1;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up {
- border-left: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down {
- border-right: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #cbd5e1;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up {
- border-bottom: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down {
- border-top: 0 none;
- }
-
- .p-inputswitch .p-inputswitch-slider {
- border: 0 none;
- }
- .p-inputswitch.p-highlight p-inputswitch-slider:before {
- left: 1.25rem;
- transform: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- background: #f87171;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
- background: #ffffff;
- }
-
- .p-inputtext {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
-
- .p-inputtext:disabled {
- opacity: 1;
- background-color: #e2e8f0;
- color: #64748b;
- }
-
- .p-knob svg {
- border-radius: 6px;
- outline-color: transparent;
- transition: outline-color 0.2s;
- }
- .p-knob svg:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-listbox {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-listbox.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-listbox.p-disabled .p-listbox-list .p-listbox-item {
- color: #64748b;
- }
-
- .p-message {
- backdrop-filter: blur(1.5px);
- }
-
- .p-message.p-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-message.p-message-info .p-message-close:focus-visible {
- outline-color: #2563eb;
- }
- .p-message.p-message-info .p-message-close:hover {
- background: #dbeafe;
- }
-
- .p-message.p-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-message.p-message-success .p-message-close:focus-visible {
- outline-color: #16a34a;
- }
- .p-message.p-message-success .p-message-close:hover {
- background: #dcfce7;
- }
-
- .p-message.p-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-message.p-message-warn .p-message-close:focus-visible {
- outline-color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-close:hover {
- background: #fef9c3;
- }
-
- .p-message.p-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-message.p-message-error .p-message-close:focus-visible {
- outline-color: #dc2626;
- }
- .p-message.p-message-error .p-message-close:hover {
- background: #fee2e2;
- }
-
- .p-message.p-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-message.p-message-secondary .p-message-close:focus-visible {
- outline-color: #475569;
- }
- .p-message.p-message-secondary .p-message-close:hover {
- background: #e2e8f0;
- }
-
- .p-message.p-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-message.p-message-contrast .p-message-close:focus-visible {
- outline-color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-close:hover {
- background: #1e293b;
- }
-
- .p-multiselect-panel .p-multiselect-header {
- padding-left: 1rem;
- padding-right: 1rem;
- }
-
- .p-multiselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-multiselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-multiselect.p-disabled .p-multiselect-label {
- color: #64748b;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- border-radius: 4px;
- margin-right: 0.25rem;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.375rem;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header {
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action {
- background: #e2e8f0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #334155;
- padding: 0.5rem 0.75rem;
- font-weight: 600;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover {
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content {
- border-radius: 6px;
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-panel {
- padding: 0.25rem 0.25rem;
- overflow: hidden;
- margin-bottom: 0.75rem;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
-
- .p-password-panel {
- background-color: #ffffff;
- border: 1px solid #e2e8f0;
- padding: 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.75rem;
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength {
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #ef4444;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #f59e0b;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #22c55e;
- }
-
- .p-orderlist-controls .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-orderlist-controls .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-orderlist-controls .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-orderlist-controls .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
-
- .p-orderlist .p-orderlist-header {
- background: #ffffff;
- color: #334155;
- border: 0 none;
- border-bottom: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #64748b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list {
- border: 1px solid #cbd5e1;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- border-radius: 6px;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-organizationchart .p-organizationchart-node-content {
- padding: 0.75rem 1rem;
- border-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid #e2e8f0;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: static;
- }
- .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) {
- padding: 0.75rem 1rem 1.25rem 1rem;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
- border-right: 0 none;
- }
- .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) {
- border-top-right-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) {
- border-left: 1px solid #e2e8f0;
- border-top-left-radius: 6px;
- }
-
- .p-overlaypanel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.75rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- position: absolute;
- top: 0.25rem;
- right: 0.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-overlaypanel .p-overlaypanel-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-panel {
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- background-color: #ffffff;
- }
- .p-panel .p-panel-header,
-.p-panel .p-panel-content,
-.p-panel .p-panel-footer {
- background: transparent;
- border: 0 none;
- }
- .p-panel:has(.p-panel-footer) .p-panel-content {
- padding-bottom: 0.875rem;
- }
-
- .p-picklist-buttons .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-picklist-buttons .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-picklist-buttons .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-picklist-buttons .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
-
- .p-picklist .p-picklist-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #64748b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-picklist .p-picklist-list {
- border: 1px solid #cbd5e1;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- border-radius: 6px;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-progressbar-label {
- font-size: 0.75rem;
- font-weight: 600;
- }
-
- .p-radiobutton .p-radiobutton-box {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box {
- border-color: #ec4899;
- }
- .p-radiobutton.p-disabled {
- opacity: 1;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box {
- border: 1px solid #cbd5e1;
- background-color: #e2e8f0;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon {
- background-color: #64748b;
- }
-
- .p-rating {
- gap: 0.25rem;
- }
-
- .p-selectbutton .p-button .pi,
-.p-selectbutton .p-button .p-button-label {
- position: relative;
- transition: none;
- }
- .p-selectbutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-selectbutton .p-button.p-highlight::before {
- background: #ffffff;
- border-color: #ffffff;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-selectbutton .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-selectbutton .p-button.p-disabled {
- opacity: 1;
- color: #94a3b8;
- }
- .p-selectbutton.p-invalid {
- box-shadow: 0 0 0 1px #f87171;
- border-radius: 6px;
- }
- .p-selectbutton.p-invalid > .p-button {
- border: 1px solid #f1f5f9;
- }
- .p-selectbutton.p-disabled {
- opacity: 1;
- }
- .p-selectbutton.p-disabled .p-button {
- color: #94a3b8;
- }
-
- .p-slider .p-slider-handle {
- display: flex !important;
- justify-content: center;
- align-items: center;
- }
- .p-slider .p-slider-handle::before {
- content: "";
- width: 16px;
- height: 16px;
- display: block;
- background-color: #ffffff;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline-color: #f6a4cc;
- }
-
- .p-speeddial-button.p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-splitter-gutter-handle {
- border-radius: 6px;
- }
-
- .p-stepper .p-stepper-header .p-stepper-number {
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #ffffff;
- color: #ec4899;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #ec4899;
- }
-
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- border-width: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-steps-number {
- position: relative;
- font-weight: 500;
- }
- .p-steps .p-steps-item .p-steps-number::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #ffffff;
- color: #ec4899;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- color: #ec4899;
- }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1;
- }
- .p-steps .p-steps-item:before {
- border-top-width: 2px;
- margin-top: calc(-1rem + 1px);
- }
- .p-steps .p-steps-item:first-child::before {
- width: calc(50% + 1rem);
- transform: translateX(100%);
- }
- .p-steps .p-steps-item:last-child::before {
- width: 50%;
- }
-
- .p-tabmenu .p-tabmenu-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: -1px;
- height: 1px;
- background-color: #ec4899;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabmenu .p-tabmenu-nav {
- position: relative;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-tabview .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 1px;
- background-color: #ec4899;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabview .p-tabview-nav {
- position: relative;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6);
- }
- .p-tabview .p-tabview-nav-btn.p-link:hover {
- color: #475569;
- }
-
- .p-tag {
- background: var(--primary-100);
- color: var(--primary-700);
- }
- .p-tag.p-tag-success {
- background: var(--green-100);
- color: var(--green-700);
- }
- .p-tag.p-tag-info {
- background: var(--blue-100);
- color: var(--blue-700);
- }
- .p-tag.p-tag-warning {
- background: var(--orange-100);
- color: var(--orange-700);
- }
- .p-tag.p-tag-danger {
- background: var(--red-100);
- color: var(--red-700);
- }
-
- .p-terminal {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- }
- .p-terminal .p-terminal-prompt {
- margin-right: 0.25rem;
- }
- .p-terminal .p-terminal-response {
- margin: 2px 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- position: relative;
- }
- .p-timeline .p-timeline-event-marker::before {
- content: " ";
- border-radius: 50%;
- width: 0.375rem;
- height: 0.375rem;
- background-color: #ec4899;
- }
- .p-timeline .p-timeline-event-marker::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-toast .p-toast-message {
- backdrop-filter: blur(1.5px);
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- font-size: 0.875rem;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.75rem;
- height: 1.75rem;
- margin-top: -25%;
- right: -25%;
- position: relative;
- }
-
- .p-toast .p-toast-message.p-toast-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- outline-color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
- background: #dbeafe;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- outline-color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
- background: #dcfce7;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- outline-color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
- background: #fef9c3;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
- background: #fee2e2;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover {
- background: #e2e8f0;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover {
- background: #1e293b;
- }
-
- .p-togglebutton .p-button .p-button-label,
-.p-togglebutton .p-button .p-button-icon {
- position: relative;
- transition: none;
- }
- .p-togglebutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-togglebutton.p-highlight .p-button::before {
- background: #ffffff;
- border-color: #ffffff;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-togglebutton.p-disabled {
- opacity: 1;
- }
- .p-togglebutton.p-disabled .p-button {
- color: #94a3b8;
- }
- .p-togglebutton.p-disabled .p-button .p-button-icon {
- color: #94a3b8;
- }
-
- .p-toolbar {
- padding: 0.75rem;
- }
-
- .p-tree {
- border: 0 none;
- padding: 1rem;
- }
- .p-tree .p-tree-container .p-treenode {
- margin: 2px 0;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline-offset: -2px;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover {
- background-color: #fdf2f8;
- }
- .p-tree .p-tree-container > .p-treenode:first-child {
- margin-top: 0;
- }
- .p-tree .p-tree-container > .p-treenode:last-child {
- margin-bottom: 0;
- }
-
- .p-treeselect-panel .p-tree {
- padding: 0.25rem 0.25rem;
- }
-
- .p-treeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-treeselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-treeselect.p-disabled .p-treeselect-label {
- color: #64748b;
- }
-}
diff --git a/public/themes/aura-light-purple/fonts/Inter-italic.var.woff2 b/public/themes/aura-light-purple/fonts/Inter-italic.var.woff2
deleted file mode 100644
index b826d5a..0000000
Binary files a/public/themes/aura-light-purple/fonts/Inter-italic.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-light-purple/fonts/Inter-roman.var.woff2 b/public/themes/aura-light-purple/fonts/Inter-roman.var.woff2
deleted file mode 100644
index 6a256a0..0000000
Binary files a/public/themes/aura-light-purple/fonts/Inter-roman.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-light-purple/theme.css b/public/themes/aura-light-purple/theme.css
deleted file mode 100644
index eb8c0e6..0000000
--- a/public/themes/aura-light-purple/theme.css
+++ /dev/null
@@ -1,12111 +0,0 @@
-:root {
- font-family: "Inter var", sans-serif;
- font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- font-variation-settings: normal;
- --font-family: "Inter var", sans-serif;
- --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- --text-color: #334155;
- --text-color-secondary: #64748b;
- --primary-color: #8B5CF6;
- --primary-color-text: #ffffff;
- --surface-0: #ffffff;
- --surface-50: #f8fafc;
- --surface-100: #f1f5f9;
- --surface-200: #e2e8f0;
- --surface-300: #cbd5e1;
- --surface-400: #94a3b8;
- --surface-500: #64748b;
- --surface-600: #475569;
- --surface-700: #334155;
- --surface-800: #1e293b;
- --surface-900: #0f172a;
- --surface-950: #020617;
- --gray-0: #ffffff;
- --gray-50: #f8fafc;
- --gray-100: #f1f5f9;
- --gray-200: #e2e8f0;
- --gray-300: #cbd5e1;
- --gray-400: #94a3b8;
- --gray-500: #64748b;
- --gray-600: #475569;
- --gray-700: #334155;
- --gray-800: #1e293b;
- --gray-900: #0f172a;
- --gray-950: #020617;
- --content-padding: 1.125rem;
- --inline-spacing: 0.5rem;
- --border-radius: 6px;
- --surface-ground: #f8fafc;
- --surface-section: #ffffff;
- --surface-card: #ffffff;
- --surface-overlay: #ffffff;
- --surface-border: #e2e8f0;
- --surface-hover: #f1f5f9;
- --focus-ring: none;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #F5F3FF;
- --highlight-text-color: #6D28D9;
- --p-anchor-gutter: 2px;
- color-scheme: light;
-}
-
-:root {
- --p-focus-ring-color: var(--primary-color);
-}
-
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: normal;
- font-named-instance: "Regular";
- src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
-}
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: italic;
- font-named-instance: "Italic";
- src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
-}
-:root {
- --blue-50:#f5f9ff;
- --blue-100:#d0e1fd;
- --blue-200:#abc9fb;
- --blue-300:#85b2f9;
- --blue-400:#609af8;
- --blue-500:#3b82f6;
- --blue-600:#326fd1;
- --blue-700:#295bac;
- --blue-800:#204887;
- --blue-900:#183462;
- --green-50:#f4fcf7;
- --green-100:#caf1d8;
- --green-200:#a0e6ba;
- --green-300:#76db9b;
- --green-400:#4cd07d;
- --green-500:#22c55e;
- --green-600:#1da750;
- --green-700:#188a42;
- --green-800:#136c34;
- --green-900:#0e4f26;
- --yellow-50:#fefbf3;
- --yellow-100:#faedc4;
- --yellow-200:#f6de95;
- --yellow-300:#f2d066;
- --yellow-400:#eec137;
- --yellow-500:#eab308;
- --yellow-600:#c79807;
- --yellow-700:#a47d06;
- --yellow-800:#816204;
- --yellow-900:#5e4803;
- --cyan-50:#f3fbfd;
- --cyan-100:#c3edf5;
- --cyan-200:#94e0ed;
- --cyan-300:#65d2e4;
- --cyan-400:#35c4dc;
- --cyan-500:#06b6d4;
- --cyan-600:#059bb4;
- --cyan-700:#047f94;
- --cyan-800:#036475;
- --cyan-900:#024955;
- --pink-50:#fef6fa;
- --pink-100:#fad3e7;
- --pink-200:#f7b0d3;
- --pink-300:#f38ec0;
- --pink-400:#f06bac;
- --pink-500:#ec4899;
- --pink-600:#c93d82;
- --pink-700:#a5326b;
- --pink-800:#822854;
- --pink-900:#5e1d3d;
- --indigo-50:#f7f7fe;
- --indigo-100:#dadafc;
- --indigo-200:#bcbdf9;
- --indigo-300:#9ea0f6;
- --indigo-400:#8183f4;
- --indigo-500:#6366f1;
- --indigo-600:#5457cd;
- --indigo-700:#4547a9;
- --indigo-800:#363885;
- --indigo-900:#282960;
- --teal-50:#f3fbfb;
- --teal-100:#c7eeea;
- --teal-200:#9ae0d9;
- --teal-300:#6dd3c8;
- --teal-400:#41c5b7;
- --teal-500:#14b8a6;
- --teal-600:#119c8d;
- --teal-700:#0e8174;
- --teal-800:#0b655b;
- --teal-900:#084a42;
- --orange-50:#fff8f3;
- --orange-100:#feddc7;
- --orange-200:#fcc39b;
- --orange-300:#fba86f;
- --orange-400:#fa8e42;
- --orange-500:#f97316;
- --orange-600:#d46213;
- --orange-700:#ae510f;
- --orange-800:#893f0c;
- --orange-900:#642e09;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dadee3;
- --bluegray-200:#bcc3cd;
- --bluegray-300:#9fa9b7;
- --bluegray-400:#818ea1;
- --bluegray-500:#64748b;
- --bluegray-600:#556376;
- --bluegray-700:#465161;
- --bluegray-800:#37404c;
- --bluegray-900:#282e38;
- --purple-50:#fbf7ff;
- --purple-100:#ead6fd;
- --purple-200:#dab6fc;
- --purple-300:#c996fa;
- --purple-400:#b975f9;
- --purple-500:#a855f7;
- --purple-600:#8f48d2;
- --purple-700:#763cad;
- --purple-800:#5c2f88;
- --purple-900:#432263;
- --red-50:#fff5f5;
- --red-100:#ffd0ce;
- --red-200:#ffaca7;
- --red-300:#ff8780;
- --red-400:#ff6259;
- --red-500:#ff3d32;
- --red-600:#d9342b;
- --red-700:#b32b23;
- --red-800:#8c221c;
- --red-900:#661814;
- --primary-50:#f9f7ff;
- --primary-100:#e3d8fd;
- --primary-200:#cdb9fb;
- --primary-300:#b79af9;
- --primary-400:#a17bf8;
- --primary-500:#8b5cf6;
- --primary-600:#764ed1;
- --primary-700:#6140ac;
- --primary-800:#4c3387;
- --primary-900:#382562;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #ffffff;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #e2e8f0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- padding: 0.25rem 0.25rem;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #1e293b;
- background: #f1f5f9;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 0.75rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #e2e8f0;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #8B5CF6;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #8B5CF6;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #8B5CF6;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #8B5CF6;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.6;
- }
-
- .p-error {
- color: #f87171;
- }
-
- .p-text-secondary {
- color: #64748b;
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.25rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #94a3b8;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #e2e8f0;
- color: #0f172a;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-autocomplete-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.25rem 0.25rem;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #6D28D9;
- background: #F5F3FF;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(139, 92, 246, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
-
- .p-datepicker {
- padding: 0.75rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0 0 0.5rem 0;
- color: #334155;
- background: #ffffff;
- font-weight: 500;
- margin: 0 0 0 0;
- border-bottom: 1px solid #e2e8f0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 1.75rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-weight: 500;
- padding: 0.25rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #8B5CF6;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker table th {
- padding: 0.25rem;
- }
- .p-datepicker table th > span {
- width: 2rem;
- height: 2rem;
- }
- .p-datepicker table td {
- padding: 0.25rem;
- }
- .p-datepicker table td > span {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: #6D28D9;
- background: #F5F3FF;
- }
- .p-datepicker table td > span:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #e2e8f0;
- color: #0f172a;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #6D28D9;
- background: #F5F3FF;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.5rem 0 0 0;
- border-top: 1px solid #e2e8f0;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #e2e8f0;
- padding: 0;
- }
- .p-datepicker .p-timepicker button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #6D28D9;
- background: #F5F3FF;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #6D28D9;
- background: #F5F3FF;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #e2e8f0;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0.25rem;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #f8fafc;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #f8fafc;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #64748b;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-cascadeselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #6D28D9;
- background: #F5F3FF;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(139, 92, 246, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #cbd5e1;
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- color: #334155;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 0.875rem;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #8B5CF6;
- background: #8B5CF6;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #94a3b8;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #7C3AED;
- background: #7C3AED;
- color: #ffffff;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #f87171;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #8B5CF6;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #7C3AED;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #8B5CF6;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #7C3AED;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #94a3b8;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #e2e8f0;
- color: #0f172a;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-colorpicker-panel {
- background: #323232;
- border: 1px solid #191919;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff;
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-dropdown.p-variant-filled {
- background: #f8fafc;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #64748b;
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #94a3b8;
- right: 2.5rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-dropdown-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.25rem 0.25rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #6D28D9;
- background: #F5F3FF;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(139, 92, 246, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #ffffff;
- color: #64748b;
- border-top: 1px solid #cbd5e1;
- border-left: 1px solid #cbd5e1;
- border-bottom: 1px solid #cbd5e1;
- padding: 0.5rem 0.75rem;
- min-width: 2.5rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #cbd5e1;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.5rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: #94a3b8;
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: #94a3b8;
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #f8fafc;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #f8fafc;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 2.5rem;
- height: 1.5rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1rem;
- height: 1rem;
- left: 0.25rem;
- margin-top: -0.5rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #8B5CF6;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #ffffff;
- transform: translateX(1rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #94a3b8;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #7C3AED;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #f87171;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- background: #ffffff;
- padding: 0.5rem 0.75rem;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- appearance: none;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #94a3b8;
- }
- .p-inputtext:enabled:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #f87171;
- }
- .p-inputtext.p-variant-filled {
- background-color: #f8fafc;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #f8fafc;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: #64748b;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #f87171;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: #64748b;
- }
-
- :-moz-placeholder {
- color: #64748b;
- }
-
- ::-moz-placeholder {
- color: #64748b;
- }
-
- :-ms-input-placeholder {
- color: #64748b;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #f8fafc;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #f8fafc;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-listbox .p-listbox-list {
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #6D28D9;
- background: #F5F3FF;
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(139, 92, 246, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-listbox.p-invalid {
- border-color: #f87171;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-multiselect.p-variant-filled {
- background: #f8fafc;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #64748b;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #6D28D9;
- background: #F5F3FF;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(139, 92, 246, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-password-panel {
- padding: 0 1.125rem 1.125rem 1.125rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #e2e8f0;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #ef4444;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #f59e0b;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #22c55e;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #cbd5e1;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #cbd5e1;
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- color: #334155;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 0.75rem;
- height: 0.75rem;
- transition-duration: 0.2s;
- background-color: #8B5CF6;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #8B5CF6;
- background: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #94a3b8;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #7C3AED;
- background: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #7C3AED;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #f87171;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-size: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f87171;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #8B5CF6;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #8B5CF6;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #ef4444;
- }
-
- .p-selectbutton .p-button {
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #64748b;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #334155;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #334155;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #0f172a;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #f87171;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #e2e8f0;
- border: 0 none;
- border-radius: 6px;
- }
- .p-slider.p-slider-horizontal {
- height: 3px;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px;
- }
- .p-slider.p-slider-vertical {
- width: 3px;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px;
- }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #e2e8f0;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-slider .p-slider-range {
- background: #8B5CF6;
- border-radius: 6px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #e2e8f0;
- border-color: transparent;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-treeselect.p-variant-filled {
- background: #f8fafc;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #64748b;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #f8fafc;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #f1f5f9;
- border-radius: 6px;
- }
- .p-togglebutton .p-button {
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #64748b;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #334155;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #334155;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #f87171;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #ffffff;
- background: #8B5CF6;
- border: 1px solid #8B5CF6;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #7C3AED;
- color: #ffffff;
- border-color: #7C3AED;
- }
- .p-button:not(:disabled):active {
- background: #6D28D9;
- color: #ffffff;
- border-color: #6D28D9;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #8B5CF6;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(139, 92, 246, 0.04);
- color: #8B5CF6;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(139, 92, 246, 0.16);
- color: #8B5CF6;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #334155;
- border-color: #334155;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: #f1f5f9;
- color: #334155;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: #e2e8f0;
- color: #334155;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #8B5CF6;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(139, 92, 246, 0.04);
- color: #8B5CF6;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(139, 92, 246, 0.16);
- color: #8B5CF6;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #334155;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: #f1f5f9;
- color: #334155;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: #e2e8f0;
- color: #334155;
- }
- .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #8B5CF6;
- background-color: #ffffff;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.5rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.5rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.5rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(241, 245, 249, 0.04);
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(241, 245, 249, 0.16);
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #f1f5f9;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(241, 245, 249, 0.04);
- border-color: transparent;
- color: #f1f5f9;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(241, 245, 249, 0.16);
- border-color: transparent;
- color: #f1f5f9;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #ffffff;
- background: #0ea5e9;
- border: 1px solid #0ea5e9;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #0284c7;
- color: #ffffff;
- border-color: #0284c7;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #0369a1;
- color: #ffffff;
- border-color: #0369a1;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(14, 165, 233, 0.04);
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(14, 165, 233, 0.16);
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #0ea5e9;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(14, 165, 233, 0.04);
- border-color: transparent;
- color: #0ea5e9;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(14, 165, 233, 0.16);
- border-color: transparent;
- color: #0ea5e9;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #ffffff;
- background: #22c55e;
- border: 1px solid #22c55e;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #16a34a;
- color: #ffffff;
- border-color: #16a34a;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #15803d;
- color: #ffffff;
- border-color: #15803d;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(34, 197, 94, 0.04);
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(34, 197, 94, 0.16);
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #22c55e;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(34, 197, 94, 0.04);
- border-color: transparent;
- color: #22c55e;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(34, 197, 94, 0.16);
- border-color: transparent;
- color: #22c55e;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #ffffff;
- background: #f97316;
- border: 1px solid #f97316;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ea580c;
- color: #ffffff;
- border-color: #ea580c;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #c2410c;
- color: #ffffff;
- border-color: #c2410c;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(249, 115, 22, 0.04);
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(249, 115, 22, 0.16);
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #f97316;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(249, 115, 22, 0.04);
- border-color: transparent;
- color: #f97316;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(249, 115, 22, 0.16);
- border-color: transparent;
- color: #f97316;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #ffffff;
- background: #a855f7;
- border: 1px solid #a855f7;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #9333ea;
- color: #ffffff;
- border-color: #9333ea;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #7e22ce;
- color: #ffffff;
- border-color: #7e22ce;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(168, 85, 247, 0.04);
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(168, 85, 247, 0.16);
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #a855f7;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(168, 85, 247, 0.04);
- border-color: transparent;
- color: #a855f7;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(168, 85, 247, 0.16);
- border-color: transparent;
- color: #a855f7;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #ffffff;
- background: #ef4444;
- border: 1px solid #ef4444;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #dc2626;
- color: #ffffff;
- border-color: #dc2626;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #b91c1c;
- color: #ffffff;
- border-color: #b91c1c;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(239, 68, 68, 0.04);
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(239, 68, 68, 0.16);
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #ef4444;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(239, 68, 68, 0.04);
- border-color: transparent;
- color: #ef4444;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(239, 68, 68, 0.16);
- border-color: transparent;
- color: #ef4444;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #ffffff;
- background: #020617;
- border: 1px solid #020617;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #1e293b;
- color: #ffffff;
- border-color: #1e293b;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #334155;
- color: #ffffff;
- border-color: #334155;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(2, 6, 23, 0.04);
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(2, 6, 23, 0.16);
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #020617;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(2, 6, 23, 0.04);
- border-color: transparent;
- color: #020617;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(2, 6, 23, 0.16);
- border-color: transparent;
- color: #020617;
- }
-
- .p-button.p-button-link {
- color: #7C3AED;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #7C3AED;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #7C3AED;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-speeddial-action {
- width: 2.5rem;
- height: 2.5rem;
- background: #f1f5f9;
- color: #475569;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-speeddial-action:hover {
- background: #e2e8f0;
- color: #334155;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 6px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 6px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #e2e8f0;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #cbd5e1;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #F5F3FF;
- color: #6D28D9;
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #64748b;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: #6D28D9;
- background: #F5F3FF;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #475569;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #F5F3FF;
- color: #6D28D9;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #6D28D9;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #F5F3FF;
- color: #6D28D9;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #6D28D9;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: 0 none;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #ffffff;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #F5F3FF;
- color: #6D28D9;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #F5F3FF;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #F5F3FF;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-datatable .p-column-resizer-helper {
- background: #8B5CF6;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #ffffff;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #f8fafc;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: #F5F3FF;
- color: #6D28D9;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: #6D28D9;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: #6D28D9;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #ffffff;
- color: #334155;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: #f1f5f9;
- color: #475569;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #F5F3FF;
- color: #6D28D9;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-clear-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-overlay {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.25rem 0.25rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #6D28D9;
- background: #F5F3FF;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-bottom: 1px solid #e2e8f0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-orderlist .p-orderlist-header {
- color: #334155;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: #334155;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #e2e8f0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #6D28D9;
- background: #F5F3FF;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(139, 92, 246, 0.24);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #f8fafc;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: #f1f5f9;
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #F5F3FF;
- color: #6D28D9;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #8b74ff;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #e2e8f0;
- border-color: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #e2e8f0;
- border-color: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #ffffff;
- color: #334155;
- border: solid #e2e8f0;
- border-width: 0;
- padding: 0.5rem 1rem;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: transparent;
- color: #475569;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 50%;
- border-bottom-left-radius: 50%;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 50%;
- border-bottom-right-radius: 50%;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.5rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.5rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #F5F3FF;
- border-color: #F5F3FF;
- color: #6D28D9;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: transparent;
- color: #475569;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-picklist .p-picklist-header {
- color: #334155;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: #334155;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #e2e8f0;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #6D28D9;
- background: #F5F3FF;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(139, 92, 246, 0.24);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #f8fafc;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: #f1f5f9;
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #e2e8f0;
- border-radius: 50%;
- width: 1.125rem;
- height: 1.125rem;
- background-color: #ffffff;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #e2e8f0;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-radius: 6px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0 0;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- padding: 0.25rem 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #475569;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #334155;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #F5F3FF;
- color: #6D28D9;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #6D28D9;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #6D28D9;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- }
- .p-treetable .p-sortable-column {
- outline-color: var(--p-focus-ring-color);
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #64748b;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: #6D28D9;
- background: #F5F3FF;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #475569;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #F5F3FF;
- color: #6D28D9;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #6D28D9;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #ffffff;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #334155;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #F5F3FF;
- color: #6D28D9;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #6D28D9;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #6D28D9;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #1e293b;
- }
- .p-treetable .p-column-resizer-helper {
- background: #8B5CF6;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #ffffff;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #64748b;
- background: #ffffff;
- font-weight: 600;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #e2e8f0;
- background: #ffffff;
- color: #334155;
- }
- .p-accordion .p-accordion-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-card {
- background: #ffffff;
- color: #334155;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-card .p-card-body {
- padding: 1.5rem;
- }
- .p-card .p-card-title {
- font-size: 1.25rem;
- font-weight: 600;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #64748b;
- }
- .p-card .p-card-content {
- padding: 0 0 0 0;
- }
- .p-card .p-card-footer {
- padding: 0 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-radius: 6px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- background: #ffffff;
- font-weight: 600;
- border-radius: 6px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1.125rem;
- color: #334155;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: #1e293b;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #ffffff;
- border-color: #ffffff;
- color: #1e293b;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #ffffff;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #e2e8f0;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #e2e8f0;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #e2e8f0;
- padding: 1.125rem;
- background: #ffffff;
- color: #334155;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.75rem 1.125rem;
- }
- .p-panel .p-panel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panel .p-panel-footer {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #f1f5f9;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- border-radius: 6px;
- color: #334155;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- background: #e2e8f0;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #e2e8f0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #e2e8f0;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #64748b;
- border: 1px solid #e2e8f0;
- border-width: 2px;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #334155;
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #F5F3FF;
- color: #6D28D9;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #334155;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #8B5CF6;
- }
- .p-stepper .p-stepper-panels {
- background: #ffffff;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- color: #334155;
- }
- .p-stepper .p-stepper-separator {
- background-color: #e2e8f0;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #ffffff;
- color: #334155;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #8B5CF6;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #e2e8f0;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #e2e8f0 transparent;
- background: #ffffff;
- color: #64748b;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #8B5CF6;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #ffffff;
- color: #8B5CF6;
- width: 2.5rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-panels {
- background: #ffffff;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- padding: 1.125rem;
- border-radius: 6px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(226, 232, 240, 0);
- border-bottom-color: #d3dce8;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #e2e8f0;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- border: 1px solid #e2e8f0;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 1.5rem;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #334155;
- padding: 0 1.5rem 1.5rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #8B5CF6;
- color: #ffffff;
- width: 1.75rem;
- height: 1.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -0.875rem;
- right: -0.875rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #7C3AED;
- color: #ffffff;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(226, 232, 240, 0);
- border-bottom-color: #d3dce8;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #e2e8f0;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1.125rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #334155;
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #334155;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #334155;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #334155;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #334155;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #ffffff;
- padding: 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fileupload .p-fileupload-content {
- background: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #8B5CF6;
- background-color: #F5F3FF;
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #7C3AED;
- color: #ffffff;
- border-color: #7C3AED;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #6D28D9;
- color: #ffffff;
- border-color: #6D28D9;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #ffffff;
- border: 0 none;
- border-radius: 6px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #94a3b8;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #334155;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #94a3b8;
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-contextmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #6D28D9;
- background: #F5F3FF;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #6D28D9;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #6D28D9;
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(139, 92, 246, 0.24);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 6px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-dock .p-dock-link {
- width: 3rem;
- height: 3rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem 0.5rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 2px 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #6D28D9;
- background: #F5F3FF;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #6D28D9;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #6D28D9;
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(139, 92, 246, 0.24);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0.25rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #94a3b8;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 2px 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #6D28D9;
- background: #F5F3FF;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #6D28D9;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #6D28D9;
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(139, 92, 246, 0.24);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem 0.5rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem {
- margin: 2px 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #6D28D9;
- background: #F5F3FF;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #6D28D9;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #6D28D9;
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(139, 92, 246, 0.24);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- border-radius: 6px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #94a3b8;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.5rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 0 none;
- color: #64748b;
- background: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #64748b;
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #e2e8f0;
- background: #ffffff;
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0.25rem;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #6D28D9;
- background: #F5F3FF;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #6D28D9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #6D28D9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(139, 92, 246, 0.24);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #64748b;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #334155;
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #F5F3FF;
- color: #6D28D9;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 500;
- color: #334155;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #e2e8f0;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #e2e8f0;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #e2e8f0 transparent;
- background: #ffffff;
- color: #64748b;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #8B5CF6;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #6D28D9;
- background: #F5F3FF;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #6D28D9;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #6D28D9;
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(139, 92, 246, 0.24);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.75rem;
- margin: 0;
- border-radius: 6px;
- }
- .p-inline-message.p-inline-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #2563eb;
- }
- .p-inline-message.p-inline-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #16a34a;
- }
- .p-inline-message.p-inline-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #ca8a04;
- }
- .p-inline-message.p-inline-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #dc2626;
- }
- .p-inline-message.p-inline-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-inline-message.p-inline-message-secondary .p-inline-message-icon {
- color: #475569;
- }
- .p-inline-message.p-inline-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-inline-message.p-inline-message-contrast .p-inline-message-icon {
- color: #f8fafc;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 6px;
- }
- .p-message .p-message-wrapper {
- padding: 0.5rem 0.75rem;
- }
- .p-message .p-message-close {
- width: 1.75rem;
- height: 1.75rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-message.p-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-message.p-message-info .p-message-icon {
- color: #2563eb;
- }
- .p-message.p-message-info .p-message-close {
- color: #2563eb;
- }
- .p-message.p-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-message.p-message-success .p-message-icon {
- color: #16a34a;
- }
- .p-message.p-message-success .p-message-close {
- color: #16a34a;
- }
- .p-message.p-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-close {
- color: #ca8a04;
- }
- .p-message.p-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-message.p-message-error .p-message-icon {
- color: #dc2626;
- }
- .p-message.p-message-error .p-message-close {
- color: #dc2626;
- }
- .p-message.p-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-message.p-message-secondary .p-message-icon {
- color: #475569;
- }
- .p-message.p-message-secondary .p-message-close {
- color: #475569;
- }
- .p-message.p-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-icon {
- color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-close {
- color: #f8fafc;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1rem;
- height: 1rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 0.75rem;
- border-width: 1px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 1.125rem;
- height: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 500;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.125rem;
- height: 1.125rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- color: #475569;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- color: #f8fafc;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #f1f5f9;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #f1f5f9;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #f1f5f9;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #e2e8f0;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #cbd5e1;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #F5F3FF;
- color: #6D28D9;
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #F5F3FF;
- color: #6D28D9;
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f1f5f9;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #f8fafc;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #f8fafc;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #ffffff;
- background-color: rgba(255, 255, 255, 0.1);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #e2e8f0;
- border-radius: 6px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #ffffff;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #8B5CF6;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-badge.p-badge-success {
- background-color: #22c55e;
- color: #ffffff;
- }
- .p-badge.p-badge-info {
- background-color: #0ea5e9;
- color: #ffffff;
- }
- .p-badge.p-badge-warning {
- background-color: #f97316;
- color: #ffffff;
- }
- .p-badge.p-badge-danger {
- background-color: #ef4444;
- color: #ffffff;
- }
- .p-badge.p-badge-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-badge.p-badge-contrast {
- background-color: #020617;
- color: #ffffff;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 6px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #8B5CF6;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #8B5CF6;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.25rem;
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #8B5CF6;
- }
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.25rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #dc2626;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #dc2626;
- }
- 40% {
- stroke: #2563eb;
- }
- 66% {
- stroke: #16a34a;
- }
- 80%, 90% {
- stroke: #ca8a04;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7);
- }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8);
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #f8fafc;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: #e2e8f0;
- border-radius: 6px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #8B5CF6;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
- }
- .p-tag.p-tag-success {
- background-color: #22c55e;
- color: #ffffff;
- }
- .p-tag.p-tag-info {
- background-color: #0ea5e9;
- color: #ffffff;
- }
- .p-tag.p-tag-warning {
- background-color: #f97316;
- color: #ffffff;
- }
- .p-tag.p-tag-danger {
- background-color: #ef4444;
- color: #ffffff;
- }
- .p-tag.p-tag-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-tag.p-tag-contrast {
- background-color: #020617;
- color: #ffffff;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primevue {
- .p-accordion .p-accordion-header .p-accordion-header-link {
- border-radius: 6px !important;
- flex-direction: row-reverse;
- justify-content: space-between;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link:hover {
- border-bottom-color: #e2e8f0;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- transform: rotate(90deg);
- }
- .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon {
- transform: rotate(-180deg);
- }
- .p-accordion .p-accordion-tab {
- border-bottom: 1px solid #e2e8f0;
- }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom: 0 none;
- }
-
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.375rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete.p-disabled {
- opacity: 1;
- }
-
- .p-button-label {
- font-weight: 500;
- }
-
- .p-button.p-button-success:enabled:focus-visible {
- outline-color: #22c55e;
- }
- .p-button.p-button-info:enabled:focus-visible {
- outline-color: #0ea5e9;
- }
- .p-button.p-button-warning:enabled:focus-visible {
- outline-color: #f97316;
- }
- .p-button.p-button-help:enabled:focus-visible {
- outline-color: #a855f7;
- }
- .p-button.p-button-danger:enabled:focus-visible {
- outline-color: #ef4444;
- }
- .p-button.p-button-contrast:enabled:focus-visible {
- outline-color: #020617;
- }
- .p-button.p-button-outlined {
- border-color: var(--primary-200);
- }
- .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active {
- border-color: var(--primary-200);
- }
- .p-button.p-button-outlined.p-button-secondary {
- border-color: var(--surface-200);
- color: #64748b;
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover {
- color: #64748b;
- background-color: #f1f5f9;
- border-color: var(--surface-200);
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):active {
- color: #64748b;
- background-color: #e2e8f0;
- border-color: var(--surface-200);
- }
- .p-button.p-button-outlined.p-button-success {
- border-color: #bbf7d0;
- }
- .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active {
- border-color: #bbf7d0;
- }
- .p-button.p-button-outlined.p-button-info {
- border-color: #bae6fd;
- }
- .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active {
- border-color: #bae6fd;
- }
- .p-button.p-button-outlined.p-button-warning {
- border-color: #fed7aa;
- }
- .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active {
- border-color: #fed7aa;
- }
- .p-button.p-button-outlined.p-button-help {
- border-color: #e9d5ff;
- }
- .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active {
- border-color: #e9d5ff;
- }
- .p-button.p-button-outlined.p-button-danger {
- border-color: #fecaca;
- }
- .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active {
- border-color: #fecaca;
- }
- .p-button.p-button-outlined.p-button-contrast {
- border-color: #334155;
- }
- .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active {
- border-color: #334155;
- }
- .p-button.p-button-secondary.p-button-text {
- color: #64748b;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover {
- background: #f1f5f9;
- color: #64748b;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active {
- background: #e2e8f0;
- color: #64748b;
- }
-
- .p-datepicker-buttonbar .p-button {
- padding: 0.25rem 0.75rem;
- font-size: 0.875rem;
- }
-
- .p-datepicker .p-datepicker-group-container + .p-timepicker {
- margin-top: 0.5rem;
- padding-top: 0.5rem;
- }
- .p-datepicker table th {
- font-weight: 500;
- }
-
- .p-card {
- border-radius: 12px;
- display: flex;
- flex-direction: column;
- }
- .p-card .p-card-caption {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-card .p-card-caption .p-card-title,
-.p-card .p-card-caption .p-card-subtitle {
- margin-bottom: 0;
- }
- .p-card .p-card-body {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #8B5CF6;
- }
-
- .p-cascadeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-cascadeselect .p-cascadeselect-label {
- box-shadow: none;
- }
- .p-cascadeselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-cascadeselect.p-disabled .p-cascadeselect-label {
- color: #64748b;
- }
-
- div.p-cascadeselect-panel {
- border: 0 none;
- box-shadow: none;
- }
-
- .p-checkbox .p-checkbox-box {
- border-radius: 4px;
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
- border-color: #8B5CF6;
- }
- .p-checkbox.p-disabled {
- opacity: 1;
- }
- .p-checkbox.p-disabled .p-checkbox-box {
- background-color: #e2e8f0;
- border: 1px solid #cbd5e1;
- }
- .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {
- color: #64748b;
- }
-
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.375rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips.p-disabled .p-chips-multiple-container {
- opacity: 1;
- background-color: #e2e8f0;
- }
-
- .p-chip {
- border-radius: 16px;
- padding: 0.25rem 0.75rem;
- }
- .p-chip .p-chip-text {
- margin-top: 0;
- margin-bottom: 0;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.375rem;
- }
- .p-chip:has(.p-chip-remove-icon) {
- padding-right: 0.5rem;
- }
- .p-chip img {
- margin-left: -0.5rem;
- }
-
- .p-colorpicker-preview {
- padding: 0;
- }
- .p-colorpicker-preview:enabled:focus {
- outline-offset: 2px;
- }
- .p-colorpicker-preview.p-inputtext.p-disabled {
- opacity: 0.6;
- }
-
- .p-confirm-popup {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #8B5CF6;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #8B5CF6;
- }
- .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: #ccc1ff;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight > td {
- border-bottom-color: #ccc1ff;
- }
-
- .p-dataview-layout-options.p-selectbutton .p-button svg {
- position: relative;
- }
-
- .p-dialog {
- border-radius: 12px;
- background-color: #ffffff;
- }
- .p-dialog.p-dialog-maximized {
- border-radius: 0;
- }
- .p-dialog .p-dialog-header {
- border-top-right-radius: 12px;
- border-top-left-radius: 12px;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
- .p-dialog .p-dialog-footer {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
-
- .p-dropdown {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-dropdown .p-dropdown-label {
- box-shadow: none;
- }
- .p-dropdown.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-dropdown.p-disabled .p-dropdown-label {
- color: #64748b;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- margin-left: -0.375rem;
- margin-right: 0.375rem;
- }
-
- .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: #ccc1ff;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td {
- border-bottom-color: #ccc1ff;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover {
- background-color: #F5F3FF;
- color: #6D28D9;
- }
-
- .p-fieldset {
- padding: 0 1.125rem 1.125rem 1.125rem;
- margin: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text {
- padding: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- color: #64748b;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background-color: #f1f5f9;
- }
- .p-fieldset .p-fieldset-legend {
- border: 0 none;
- padding: 0;
- margin-bottom: 0.375rem;
- }
- .p-fieldset .p-fieldset-legend span {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0;
- }
-
- .p-column-filter-overlay-menu {
- padding: 0.75rem;
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraints {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 0 0 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button {
- margin-bottom: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0;
- }
-
- .p-fileupload .p-fileupload-content {
- border-top: 0 none;
- padding-top: 1.125rem;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #8B5CF6;
- }
-
- .p-inline-message-text {
- font-weight: 500;
- }
-
- .p-inline-message {
- backdrop-filter: blur(1.5px);
- }
-
- .p-inline-message.p-inline-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
-
- .p-inline-message.p-inline-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
-
- .p-inline-message.p-inline-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
-
- .p-inline-message.p-inline-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
-
- .p-inline-message.p-inline-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
-
- .p-inline-message.p-inline-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
-
- .p-inputgroup-addon {
- padding: 0.5rem;
- }
-
- .p-inputnumber.p-inputnumber-buttons-stacked {
- position: relative;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- position: absolute;
- top: 1px;
- right: 1px;
- height: calc(100% - 2px);
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #cbd5e1;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up {
- border-left: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down {
- border-right: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #cbd5e1;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up {
- border-bottom: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down {
- border-top: 0 none;
- }
-
- .p-inputswitch .p-inputswitch-slider {
- border: 0 none;
- }
- .p-inputswitch.p-highlight p-inputswitch-slider:before {
- left: 1.25rem;
- transform: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- background: #f87171;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
- background: #ffffff;
- }
-
- .p-inputtext {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
-
- .p-inputtext:disabled {
- opacity: 1;
- background-color: #e2e8f0;
- color: #64748b;
- }
-
- .p-knob svg {
- border-radius: 6px;
- outline-color: transparent;
- transition: outline-color 0.2s;
- }
- .p-knob svg:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-listbox {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-listbox.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-listbox.p-disabled .p-listbox-list .p-listbox-item {
- color: #64748b;
- }
-
- .p-message {
- backdrop-filter: blur(1.5px);
- }
-
- .p-message.p-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-message.p-message-info .p-message-close:focus-visible {
- outline-color: #2563eb;
- }
- .p-message.p-message-info .p-message-close:hover {
- background: #dbeafe;
- }
-
- .p-message.p-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-message.p-message-success .p-message-close:focus-visible {
- outline-color: #16a34a;
- }
- .p-message.p-message-success .p-message-close:hover {
- background: #dcfce7;
- }
-
- .p-message.p-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-message.p-message-warn .p-message-close:focus-visible {
- outline-color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-close:hover {
- background: #fef9c3;
- }
-
- .p-message.p-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-message.p-message-error .p-message-close:focus-visible {
- outline-color: #dc2626;
- }
- .p-message.p-message-error .p-message-close:hover {
- background: #fee2e2;
- }
-
- .p-message.p-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-message.p-message-secondary .p-message-close:focus-visible {
- outline-color: #475569;
- }
- .p-message.p-message-secondary .p-message-close:hover {
- background: #e2e8f0;
- }
-
- .p-message.p-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-message.p-message-contrast .p-message-close:focus-visible {
- outline-color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-close:hover {
- background: #1e293b;
- }
-
- .p-multiselect-panel .p-multiselect-header {
- padding-left: 1rem;
- padding-right: 1rem;
- }
-
- .p-multiselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-multiselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-multiselect.p-disabled .p-multiselect-label {
- color: #64748b;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- border-radius: 4px;
- margin-right: 0.25rem;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.375rem;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header {
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action {
- background: #e2e8f0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #334155;
- padding: 0.5rem 0.75rem;
- font-weight: 600;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover {
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content {
- border-radius: 6px;
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-panel {
- padding: 0.25rem 0.25rem;
- overflow: hidden;
- margin-bottom: 0.75rem;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
-
- .p-password-panel {
- background-color: #ffffff;
- border: 1px solid #e2e8f0;
- padding: 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.75rem;
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength {
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #ef4444;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #f59e0b;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #22c55e;
- }
-
- .p-orderlist-controls .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-orderlist-controls .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-orderlist-controls .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-orderlist-controls .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
-
- .p-orderlist .p-orderlist-header {
- background: #ffffff;
- color: #334155;
- border: 0 none;
- border-bottom: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #64748b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list {
- border: 1px solid #cbd5e1;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- border-radius: 6px;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-organizationchart .p-organizationchart-node-content {
- padding: 0.75rem 1rem;
- border-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid #e2e8f0;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: static;
- }
- .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) {
- padding: 0.75rem 1rem 1.25rem 1rem;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
- border-right: 0 none;
- }
- .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) {
- border-top-right-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) {
- border-left: 1px solid #e2e8f0;
- border-top-left-radius: 6px;
- }
-
- .p-overlaypanel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.75rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- position: absolute;
- top: 0.25rem;
- right: 0.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-overlaypanel .p-overlaypanel-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-panel {
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- background-color: #ffffff;
- }
- .p-panel .p-panel-header,
-.p-panel .p-panel-content,
-.p-panel .p-panel-footer {
- background: transparent;
- border: 0 none;
- }
- .p-panel:has(.p-panel-footer) .p-panel-content {
- padding-bottom: 0.875rem;
- }
-
- .p-picklist-buttons .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-picklist-buttons .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-picklist-buttons .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-picklist-buttons .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
-
- .p-picklist .p-picklist-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #64748b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-picklist .p-picklist-list {
- border: 1px solid #cbd5e1;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- border-radius: 6px;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-progressbar-label {
- font-size: 0.75rem;
- font-weight: 600;
- }
-
- .p-radiobutton .p-radiobutton-box {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box {
- border-color: #8B5CF6;
- }
- .p-radiobutton.p-disabled {
- opacity: 1;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box {
- border: 1px solid #cbd5e1;
- background-color: #e2e8f0;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon {
- background-color: #64748b;
- }
-
- .p-rating {
- gap: 0.25rem;
- }
-
- .p-selectbutton .p-button .pi,
-.p-selectbutton .p-button .p-button-label {
- position: relative;
- transition: none;
- }
- .p-selectbutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-selectbutton .p-button.p-highlight::before {
- background: #ffffff;
- border-color: #ffffff;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-selectbutton .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-selectbutton .p-button.p-disabled {
- opacity: 1;
- color: #94a3b8;
- }
- .p-selectbutton.p-invalid {
- box-shadow: 0 0 0 1px #f87171;
- border-radius: 6px;
- }
- .p-selectbutton.p-invalid > .p-button {
- border: 1px solid #f1f5f9;
- }
- .p-selectbutton.p-disabled {
- opacity: 1;
- }
- .p-selectbutton.p-disabled .p-button {
- color: #94a3b8;
- }
-
- .p-slider .p-slider-handle {
- display: flex !important;
- justify-content: center;
- align-items: center;
- }
- .p-slider .p-slider-handle::before {
- content: "";
- width: 16px;
- height: 16px;
- display: block;
- background-color: #ffffff;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline-color: #c5aefb;
- }
-
- .p-speeddial-button.p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-splitter-gutter-handle {
- border-radius: 6px;
- }
-
- .p-stepper .p-stepper-header .p-stepper-number {
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #ffffff;
- color: #8B5CF6;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #8B5CF6;
- }
-
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- border-width: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-steps-number {
- position: relative;
- font-weight: 500;
- }
- .p-steps .p-steps-item .p-steps-number::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #ffffff;
- color: #8B5CF6;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- color: #8B5CF6;
- }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1;
- }
- .p-steps .p-steps-item:before {
- border-top-width: 2px;
- margin-top: calc(-1rem + 1px);
- }
- .p-steps .p-steps-item:first-child::before {
- width: calc(50% + 1rem);
- transform: translateX(100%);
- }
- .p-steps .p-steps-item:last-child::before {
- width: 50%;
- }
-
- .p-tabmenu .p-tabmenu-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: -1px;
- height: 1px;
- background-color: #8B5CF6;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabmenu .p-tabmenu-nav {
- position: relative;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-tabview .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 1px;
- background-color: #8B5CF6;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabview .p-tabview-nav {
- position: relative;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6);
- }
- .p-tabview .p-tabview-nav-btn.p-link:hover {
- color: #475569;
- }
-
- .p-tag {
- background: var(--primary-100);
- color: var(--primary-700);
- }
- .p-tag.p-tag-success {
- background: var(--green-100);
- color: var(--green-700);
- }
- .p-tag.p-tag-info {
- background: var(--blue-100);
- color: var(--blue-700);
- }
- .p-tag.p-tag-warning {
- background: var(--orange-100);
- color: var(--orange-700);
- }
- .p-tag.p-tag-danger {
- background: var(--red-100);
- color: var(--red-700);
- }
-
- .p-terminal {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- }
- .p-terminal .p-terminal-prompt {
- margin-right: 0.25rem;
- }
- .p-terminal .p-terminal-response {
- margin: 2px 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- position: relative;
- }
- .p-timeline .p-timeline-event-marker::before {
- content: " ";
- border-radius: 50%;
- width: 0.375rem;
- height: 0.375rem;
- background-color: #8B5CF6;
- }
- .p-timeline .p-timeline-event-marker::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-toast .p-toast-message {
- backdrop-filter: blur(1.5px);
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- font-size: 0.875rem;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.75rem;
- height: 1.75rem;
- margin-top: -25%;
- right: -25%;
- position: relative;
- }
-
- .p-toast .p-toast-message.p-toast-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- outline-color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
- background: #dbeafe;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- outline-color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
- background: #dcfce7;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- outline-color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
- background: #fef9c3;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
- background: #fee2e2;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover {
- background: #e2e8f0;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover {
- background: #1e293b;
- }
-
- .p-togglebutton .p-button .p-button-label,
-.p-togglebutton .p-button .p-button-icon {
- position: relative;
- transition: none;
- }
- .p-togglebutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-togglebutton.p-highlight .p-button::before {
- background: #ffffff;
- border-color: #ffffff;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-togglebutton.p-disabled {
- opacity: 1;
- }
- .p-togglebutton.p-disabled .p-button {
- color: #94a3b8;
- }
- .p-togglebutton.p-disabled .p-button .p-button-icon {
- color: #94a3b8;
- }
-
- .p-toolbar {
- padding: 0.75rem;
- }
-
- .p-tree {
- border: 0 none;
- padding: 1rem;
- }
- .p-tree .p-tree-container .p-treenode {
- margin: 2px 0;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline-offset: -2px;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover {
- background-color: #F5F3FF;
- }
- .p-tree .p-tree-container > .p-treenode:first-child {
- margin-top: 0;
- }
- .p-tree .p-tree-container > .p-treenode:last-child {
- margin-bottom: 0;
- }
-
- .p-treeselect-panel .p-tree {
- padding: 0.25rem 0.25rem;
- }
-
- .p-treeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-treeselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-treeselect.p-disabled .p-treeselect-label {
- color: #64748b;
- }
-}
diff --git a/public/themes/aura-light-teal/fonts/Inter-italic.var.woff2 b/public/themes/aura-light-teal/fonts/Inter-italic.var.woff2
deleted file mode 100644
index b826d5a..0000000
Binary files a/public/themes/aura-light-teal/fonts/Inter-italic.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-light-teal/fonts/Inter-roman.var.woff2 b/public/themes/aura-light-teal/fonts/Inter-roman.var.woff2
deleted file mode 100644
index 6a256a0..0000000
Binary files a/public/themes/aura-light-teal/fonts/Inter-roman.var.woff2 and /dev/null differ
diff --git a/public/themes/aura-light-teal/theme.css b/public/themes/aura-light-teal/theme.css
deleted file mode 100644
index 30bc0b5..0000000
--- a/public/themes/aura-light-teal/theme.css
+++ /dev/null
@@ -1,12111 +0,0 @@
-:root {
- font-family: "Inter var", sans-serif;
- font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- font-variation-settings: normal;
- --font-family: "Inter var", sans-serif;
- --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- --text-color: #334155;
- --text-color-secondary: #64748b;
- --primary-color: #14b8a6;
- --primary-color-text: #ffffff;
- --surface-0: #ffffff;
- --surface-50: #f8fafc;
- --surface-100: #f1f5f9;
- --surface-200: #e2e8f0;
- --surface-300: #cbd5e1;
- --surface-400: #94a3b8;
- --surface-500: #64748b;
- --surface-600: #475569;
- --surface-700: #334155;
- --surface-800: #1e293b;
- --surface-900: #0f172a;
- --surface-950: #020617;
- --gray-0: #ffffff;
- --gray-50: #f8fafc;
- --gray-100: #f1f5f9;
- --gray-200: #e2e8f0;
- --gray-300: #cbd5e1;
- --gray-400: #94a3b8;
- --gray-500: #64748b;
- --gray-600: #475569;
- --gray-700: #334155;
- --gray-800: #1e293b;
- --gray-900: #0f172a;
- --gray-950: #020617;
- --content-padding: 1.125rem;
- --inline-spacing: 0.5rem;
- --border-radius: 6px;
- --surface-ground: #f8fafc;
- --surface-section: #ffffff;
- --surface-card: #ffffff;
- --surface-overlay: #ffffff;
- --surface-border: #e2e8f0;
- --surface-hover: #f1f5f9;
- --focus-ring: none;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #f0fdfa;
- --highlight-text-color: #0f766e;
- --p-anchor-gutter: 2px;
- color-scheme: light;
-}
-
-:root {
- --p-focus-ring-color: var(--primary-color);
-}
-
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: normal;
- font-named-instance: "Regular";
- src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
-}
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: italic;
- font-named-instance: "Italic";
- src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
-}
-:root {
- --blue-50:#f5f9ff;
- --blue-100:#d0e1fd;
- --blue-200:#abc9fb;
- --blue-300:#85b2f9;
- --blue-400:#609af8;
- --blue-500:#3b82f6;
- --blue-600:#326fd1;
- --blue-700:#295bac;
- --blue-800:#204887;
- --blue-900:#183462;
- --green-50:#f4fcf7;
- --green-100:#caf1d8;
- --green-200:#a0e6ba;
- --green-300:#76db9b;
- --green-400:#4cd07d;
- --green-500:#22c55e;
- --green-600:#1da750;
- --green-700:#188a42;
- --green-800:#136c34;
- --green-900:#0e4f26;
- --yellow-50:#fefbf3;
- --yellow-100:#faedc4;
- --yellow-200:#f6de95;
- --yellow-300:#f2d066;
- --yellow-400:#eec137;
- --yellow-500:#eab308;
- --yellow-600:#c79807;
- --yellow-700:#a47d06;
- --yellow-800:#816204;
- --yellow-900:#5e4803;
- --cyan-50:#f3fbfd;
- --cyan-100:#c3edf5;
- --cyan-200:#94e0ed;
- --cyan-300:#65d2e4;
- --cyan-400:#35c4dc;
- --cyan-500:#06b6d4;
- --cyan-600:#059bb4;
- --cyan-700:#047f94;
- --cyan-800:#036475;
- --cyan-900:#024955;
- --pink-50:#fef6fa;
- --pink-100:#fad3e7;
- --pink-200:#f7b0d3;
- --pink-300:#f38ec0;
- --pink-400:#f06bac;
- --pink-500:#ec4899;
- --pink-600:#c93d82;
- --pink-700:#a5326b;
- --pink-800:#822854;
- --pink-900:#5e1d3d;
- --indigo-50:#f7f7fe;
- --indigo-100:#dadafc;
- --indigo-200:#bcbdf9;
- --indigo-300:#9ea0f6;
- --indigo-400:#8183f4;
- --indigo-500:#6366f1;
- --indigo-600:#5457cd;
- --indigo-700:#4547a9;
- --indigo-800:#363885;
- --indigo-900:#282960;
- --teal-50:#f3fbfb;
- --teal-100:#c7eeea;
- --teal-200:#9ae0d9;
- --teal-300:#6dd3c8;
- --teal-400:#41c5b7;
- --teal-500:#14b8a6;
- --teal-600:#119c8d;
- --teal-700:#0e8174;
- --teal-800:#0b655b;
- --teal-900:#084a42;
- --orange-50:#fff8f3;
- --orange-100:#feddc7;
- --orange-200:#fcc39b;
- --orange-300:#fba86f;
- --orange-400:#fa8e42;
- --orange-500:#f97316;
- --orange-600:#d46213;
- --orange-700:#ae510f;
- --orange-800:#893f0c;
- --orange-900:#642e09;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dadee3;
- --bluegray-200:#bcc3cd;
- --bluegray-300:#9fa9b7;
- --bluegray-400:#818ea1;
- --bluegray-500:#64748b;
- --bluegray-600:#556376;
- --bluegray-700:#465161;
- --bluegray-800:#37404c;
- --bluegray-900:#282e38;
- --purple-50:#fbf7ff;
- --purple-100:#ead6fd;
- --purple-200:#dab6fc;
- --purple-300:#c996fa;
- --purple-400:#b975f9;
- --purple-500:#a855f7;
- --purple-600:#8f48d2;
- --purple-700:#763cad;
- --purple-800:#5c2f88;
- --purple-900:#432263;
- --red-50:#fff5f5;
- --red-100:#ffd0ce;
- --red-200:#ffaca7;
- --red-300:#ff8780;
- --red-400:#ff6259;
- --red-500:#ff3d32;
- --red-600:#d9342b;
- --red-700:#b32b23;
- --red-800:#8c221c;
- --red-900:#661814;
- --primary-50:#f3fbfb;
- --primary-100:#c7eeea;
- --primary-200:#9ae0d9;
- --primary-300:#6dd3c8;
- --primary-400:#41c5b7;
- --primary-500:#14b8a6;
- --primary-600:#119c8d;
- --primary-700:#0e8174;
- --primary-800:#0b655b;
- --primary-900:#084a42;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #ffffff;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #e2e8f0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #64748b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- padding: 0.25rem 0.25rem;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #334155;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #1e293b;
- background: #f1f5f9;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 0.75rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #e2e8f0;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #334155;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #14b8a6;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #14b8a6;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #14b8a6;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #14b8a6;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.6;
- }
-
- .p-error {
- color: #f87171;
- }
-
- .p-text-secondary {
- color: #64748b;
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.25rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #94a3b8;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #e2e8f0;
- color: #0f172a;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-autocomplete-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.25rem 0.25rem;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #0f766e;
- background: #f0fdfa;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(20, 184, 166, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
-
- .p-datepicker {
- padding: 0.75rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0 0 0.5rem 0;
- color: #334155;
- background: #ffffff;
- font-weight: 500;
- margin: 0 0 0 0;
- border-bottom: 1px solid #e2e8f0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 1.75rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-weight: 500;
- padding: 0.25rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #14b8a6;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker table th {
- padding: 0.25rem;
- }
- .p-datepicker table th > span {
- width: 2rem;
- height: 2rem;
- }
- .p-datepicker table td {
- padding: 0.25rem;
- }
- .p-datepicker table td > span {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: #0f766e;
- background: #f0fdfa;
- }
- .p-datepicker table td > span:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #e2e8f0;
- color: #0f172a;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #0f766e;
- background: #f0fdfa;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 0.5rem 0 0 0;
- border-top: 1px solid #e2e8f0;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #e2e8f0;
- padding: 0;
- }
- .p-datepicker .p-timepicker button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #0f766e;
- background: #f0fdfa;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0 0 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.25rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #0f766e;
- background: #f0fdfa;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #e2e8f0;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0.25rem;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #f8fafc;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #f8fafc;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #64748b;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-cascadeselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #0f766e;
- background: #f0fdfa;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(20, 184, 166, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #cbd5e1;
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- color: #334155;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 0.875rem;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #14b8a6;
- background: #14b8a6;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #94a3b8;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #0d9488;
- background: #0d9488;
- color: #ffffff;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #f87171;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #14b8a6;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #0d9488;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #14b8a6;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #0d9488;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #94a3b8;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #e2e8f0;
- color: #0f172a;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-colorpicker-panel {
- background: #323232;
- border: 1px solid #191919;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff;
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-dropdown.p-variant-filled {
- background: #f8fafc;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #64748b;
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #94a3b8;
- right: 2.5rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-dropdown-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.25rem 0.25rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #0f766e;
- background: #f0fdfa;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(20, 184, 166, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #ffffff;
- color: #64748b;
- border-top: 1px solid #cbd5e1;
- border-left: 1px solid #cbd5e1;
- border-bottom: 1px solid #cbd5e1;
- padding: 0.5rem 0.75rem;
- min-width: 2.5rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #cbd5e1;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.5rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: #94a3b8;
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: #94a3b8;
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #f8fafc;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #f8fafc;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 2.5rem;
- height: 1.5rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1rem;
- height: 1rem;
- left: 0.25rem;
- margin-top: -0.5rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #14b8a6;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #ffffff;
- transform: translateX(1rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #94a3b8;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #0d9488;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #f87171;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #334155;
- background: #ffffff;
- padding: 0.5rem 0.75rem;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- appearance: none;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #94a3b8;
- }
- .p-inputtext:enabled:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #f87171;
- }
- .p-inputtext.p-variant-filled {
- background-color: #f8fafc;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #f8fafc;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #ffffff;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: #64748b;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #f87171;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: #64748b;
- }
-
- :-moz-placeholder {
- color: #64748b;
- }
-
- ::-moz-placeholder {
- color: #64748b;
- }
-
- :-ms-input-placeholder {
- color: #64748b;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #f8fafc;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #f8fafc;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #ffffff;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-listbox .p-listbox-list {
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #0f766e;
- background: #f0fdfa;
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(20, 184, 166, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-listbox.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-listbox.p-invalid {
- border-color: #f87171;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-multiselect.p-variant-filled {
- background: #f8fafc;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #64748b;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.25rem 0.25rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #0f766e;
- background: #f0fdfa;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(20, 184, 166, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #f87171;
- }
-
- .p-password-panel {
- padding: 0 1.125rem 1.125rem 1.125rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #e2e8f0;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #ef4444;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #f59e0b;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #22c55e;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #cbd5e1;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #cbd5e1;
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- color: #334155;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 0.75rem;
- height: 0.75rem;
- transition-duration: 0.2s;
- background-color: #14b8a6;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #14b8a6;
- background: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #94a3b8;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #0d9488;
- background: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #0d9488;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #f87171;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #f8fafc;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- font-size: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f87171;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #14b8a6;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #14b8a6;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #ef4444;
- }
-
- .p-selectbutton .p-button {
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #64748b;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #334155;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #334155;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #0f172a;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #f87171;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #e2e8f0;
- border: 0 none;
- border-radius: 6px;
- }
- .p-slider.p-slider-horizontal {
- height: 3px;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -10px;
- margin-left: -10px;
- }
- .p-slider.p-slider-vertical {
- width: 3px;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -10px;
- margin-bottom: -10px;
- }
- .p-slider .p-slider-handle {
- height: 20px;
- width: 20px;
- background: #e2e8f0;
- border: 0 none;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-slider .p-slider-range {
- background: #14b8a6;
- border-radius: 6px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #e2e8f0;
- border-color: transparent;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #ffffff;
- border: 1px solid #cbd5e1;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #94a3b8;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-treeselect.p-variant-filled {
- background: #f8fafc;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #64748b;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #94a3b8;
- width: 2.5rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #f87171;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 0.75rem;
- color: #334155;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #f8fafc;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #f8fafc;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #ffffff;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #f1f5f9;
- border-radius: 6px;
- }
- .p-togglebutton .p-button {
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #64748b;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #334155;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #334155;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #f1f5f9;
- border-color: #f1f5f9;
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #0f172a;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #f87171;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #ffffff;
- background: #14b8a6;
- border: 1px solid #14b8a6;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #0d9488;
- color: #ffffff;
- border-color: #0d9488;
- }
- .p-button:not(:disabled):active {
- background: #0f766e;
- color: #ffffff;
- border-color: #0f766e;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #14b8a6;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(20, 184, 166, 0.04);
- color: #14b8a6;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(20, 184, 166, 0.16);
- color: #14b8a6;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #334155;
- border-color: #334155;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: #f1f5f9;
- color: #334155;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: #e2e8f0;
- color: #334155;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #14b8a6;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(20, 184, 166, 0.04);
- color: #14b8a6;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(20, 184, 166, 0.16);
- color: #14b8a6;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #334155;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: #f1f5f9;
- color: #334155;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: #e2e8f0;
- color: #334155;
- }
- .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #14b8a6;
- background-color: #ffffff;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.5rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.5rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.5rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(241, 245, 249, 0.04);
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(241, 245, 249, 0.16);
- color: #f1f5f9;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #f1f5f9;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(241, 245, 249, 0.04);
- border-color: transparent;
- color: #f1f5f9;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(241, 245, 249, 0.16);
- border-color: transparent;
- color: #f1f5f9;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #ffffff;
- background: #0ea5e9;
- border: 1px solid #0ea5e9;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #0284c7;
- color: #ffffff;
- border-color: #0284c7;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #0369a1;
- color: #ffffff;
- border-color: #0369a1;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(14, 165, 233, 0.04);
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(14, 165, 233, 0.16);
- color: #0ea5e9;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #0ea5e9;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(14, 165, 233, 0.04);
- border-color: transparent;
- color: #0ea5e9;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(14, 165, 233, 0.16);
- border-color: transparent;
- color: #0ea5e9;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #ffffff;
- background: #22c55e;
- border: 1px solid #22c55e;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #16a34a;
- color: #ffffff;
- border-color: #16a34a;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #15803d;
- color: #ffffff;
- border-color: #15803d;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(34, 197, 94, 0.04);
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(34, 197, 94, 0.16);
- color: #22c55e;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #22c55e;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(34, 197, 94, 0.04);
- border-color: transparent;
- color: #22c55e;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(34, 197, 94, 0.16);
- border-color: transparent;
- color: #22c55e;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #ffffff;
- background: #f97316;
- border: 1px solid #f97316;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ea580c;
- color: #ffffff;
- border-color: #ea580c;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #c2410c;
- color: #ffffff;
- border-color: #c2410c;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(249, 115, 22, 0.04);
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(249, 115, 22, 0.16);
- color: #f97316;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #f97316;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(249, 115, 22, 0.04);
- border-color: transparent;
- color: #f97316;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(249, 115, 22, 0.16);
- border-color: transparent;
- color: #f97316;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #ffffff;
- background: #a855f7;
- border: 1px solid #a855f7;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #9333ea;
- color: #ffffff;
- border-color: #9333ea;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #7e22ce;
- color: #ffffff;
- border-color: #7e22ce;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(168, 85, 247, 0.04);
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(168, 85, 247, 0.16);
- color: #a855f7;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #a855f7;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(168, 85, 247, 0.04);
- border-color: transparent;
- color: #a855f7;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(168, 85, 247, 0.16);
- border-color: transparent;
- color: #a855f7;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #ffffff;
- background: #ef4444;
- border: 1px solid #ef4444;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #dc2626;
- color: #ffffff;
- border-color: #dc2626;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #b91c1c;
- color: #ffffff;
- border-color: #b91c1c;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(239, 68, 68, 0.04);
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(239, 68, 68, 0.16);
- color: #ef4444;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #ef4444;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(239, 68, 68, 0.04);
- border-color: transparent;
- color: #ef4444;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(239, 68, 68, 0.16);
- border-color: transparent;
- color: #ef4444;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #ffffff;
- background: #020617;
- border: 1px solid #020617;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #1e293b;
- color: #ffffff;
- border-color: #1e293b;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #334155;
- color: #ffffff;
- border-color: #334155;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(2, 6, 23, 0.04);
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(2, 6, 23, 0.16);
- color: #020617;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #020617;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(2, 6, 23, 0.04);
- border-color: transparent;
- color: #020617;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(2, 6, 23, 0.16);
- border-color: transparent;
- color: #020617;
- }
-
- .p-button.p-button-link {
- color: #0d9488;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #0d9488;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: none;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #0d9488;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-speeddial-action {
- width: 2.5rem;
- height: 2.5rem;
- background: #f1f5f9;
- color: #475569;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-speeddial-action:hover {
- background: #e2e8f0;
- color: #334155;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 6px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 6px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #e2e8f0;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #cbd5e1;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #f0fdfa;
- color: #0f766e;
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #64748b;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: #0f766e;
- background: #f0fdfa;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #475569;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #f0fdfa;
- color: #0f766e;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #0f766e;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #f0fdfa;
- color: #0f766e;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #0f766e;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: 0 none;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #ffffff;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #f0fdfa;
- color: #0f766e;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #f0fdfa;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #f0fdfa;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-datatable .p-column-resizer-helper {
- background: #14b8a6;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #ffffff;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #f8fafc;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: #f0fdfa;
- color: #0f766e;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: #0f766e;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: #0f766e;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #ffffff;
- color: #334155;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: #f1f5f9;
- color: #475569;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #f0fdfa;
- color: #0f766e;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-clear-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-column-filter-overlay {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.25rem 0.25rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 2px 0;
- padding: 0.5rem 0.75rem;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #0f766e;
- background: #f0fdfa;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: 0 none;
- color: #334155;
- background: #ffffff;
- margin: 0 0 0 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-bottom: 1px solid #e2e8f0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-orderlist .p-orderlist-header {
- color: #334155;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: #334155;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #e2e8f0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #0f766e;
- background: #f0fdfa;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(20, 184, 166, 0.24);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #f8fafc;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: #f1f5f9;
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #f0fdfa;
- color: #0f766e;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #80eed5;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #e2e8f0;
- border-color: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #e2e8f0;
- border-color: #e2e8f0;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #ffffff;
- color: #334155;
- border: solid #e2e8f0;
- border-width: 0;
- padding: 0.5rem 1rem;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: transparent;
- color: #475569;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 50%;
- border-bottom-left-radius: 50%;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 50%;
- border-bottom-right-radius: 50%;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.5rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.5rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- min-width: 2.5rem;
- height: 2.5rem;
- margin: 0.143rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #f0fdfa;
- border-color: #f0fdfa;
- color: #0f766e;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #f1f5f9;
- border-color: transparent;
- color: #475569;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-picklist .p-picklist-header {
- color: #334155;
- padding: 1.125rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: #334155;
- padding: 0.25rem 0.25rem;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #e2e8f0;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 0.75rem;
- margin: 2px 0;
- border: 0 none;
- color: #334155;
- background: transparent;
- transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #1e293b;
- background: #f1f5f9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #0f766e;
- background: #f0fdfa;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(20, 184, 166, 0.24);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #f8fafc;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: #f1f5f9;
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #e2e8f0;
- border-radius: 50%;
- width: 1.125rem;
- height: 1.125rem;
- background-color: #ffffff;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #e2e8f0;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border-radius: 6px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0 0;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- padding: 0.25rem 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #475569;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #334155;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #f0fdfa;
- color: #0f766e;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #0f766e;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #0f766e;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: #94a3b8;
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 1rem;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #334155;
- background: #ffffff;
- }
- .p-treetable .p-sortable-column {
- outline-color: var(--p-focus-ring-color);
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #64748b;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1rem;
- min-width: 1rem;
- line-height: 1rem;
- color: #0f766e;
- background: #f0fdfa;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #475569;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #f0fdfa;
- color: #0f766e;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #0f766e;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #ffffff;
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- padding: 0.75rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #334155;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid var(--p-focus-ring-color);
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #f0fdfa;
- color: #0f766e;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #0f766e;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #0f766e;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #1e293b;
- }
- .p-treetable .p-column-resizer-helper {
- background: #14b8a6;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #ffffff;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #64748b;
- background: #ffffff;
- font-weight: 600;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #e2e8f0;
- background: #ffffff;
- color: #334155;
- }
- .p-accordion .p-accordion-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-card {
- background: #ffffff;
- color: #334155;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-card .p-card-body {
- padding: 1.5rem;
- }
- .p-card .p-card-title {
- font-size: 1.25rem;
- font-weight: 600;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #64748b;
- }
- .p-card .p-card-content {
- padding: 0 0 0 0;
- }
- .p-card .p-card-footer {
- padding: 0 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-radius: 6px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- background: #ffffff;
- font-weight: 600;
- border-radius: 6px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1.125rem;
- color: #334155;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: #1e293b;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #ffffff;
- border-color: #ffffff;
- color: #1e293b;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #ffffff;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #e2e8f0;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #e2e8f0;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #e2e8f0;
- padding: 1.125rem;
- background: #ffffff;
- color: #334155;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.75rem 1.125rem;
- }
- .p-panel .p-panel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panel .p-panel-footer {
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #f1f5f9;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #e2e8f0;
- background: #ffffff;
- border-radius: 6px;
- color: #334155;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- background: #e2e8f0;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #e2e8f0;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #e2e8f0;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #64748b;
- border: 1px solid #e2e8f0;
- border-width: 2px;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #334155;
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #f0fdfa;
- color: #0f766e;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #334155;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #14b8a6;
- }
- .p-stepper .p-stepper-panels {
- background: #ffffff;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- color: #334155;
- }
- .p-stepper .p-stepper-separator {
- background-color: #e2e8f0;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #ffffff;
- color: #334155;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #14b8a6;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #e2e8f0;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #e2e8f0 transparent;
- background: #ffffff;
- color: #64748b;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #14b8a6;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #ffffff;
- color: #14b8a6;
- width: 2.5rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabview .p-tabview-panels {
- background: #ffffff;
- padding: 0.875rem 1.125rem 1.125rem 1.125rem;
- border: 0 none;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- padding: 1.125rem;
- border-radius: 6px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(226, 232, 240, 0);
- border-bottom-color: #d3dce8;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #e2e8f0;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- border: 1px solid #e2e8f0;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 1.5rem;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #334155;
- padding: 0 1.5rem 1.5rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #14b8a6;
- color: #ffffff;
- width: 1.75rem;
- height: 1.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -0.875rem;
- right: -0.875rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #0d9488;
- color: #ffffff;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(226, 232, 240, 0);
- border-bottom-color: #d3dce8;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #e2e8f0;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1.125rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #334155;
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #334155;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #334155;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #334155;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #334155;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #ffffff;
- padding: 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-fileupload .p-fileupload-content {
- background: #ffffff;
- padding: 0 1.125rem 1.125rem 1.125rem;
- border: 1px solid #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #14b8a6;
- background-color: #f0fdfa;
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #0d9488;
- color: #ffffff;
- border-color: #0d9488;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #0f766e;
- color: #ffffff;
- border-color: #0f766e;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #ffffff;
- border: 0 none;
- border-radius: 6px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #94a3b8;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #334155;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #94a3b8;
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-contextmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #0f766e;
- background: #f0fdfa;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #0f766e;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0f766e;
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(20, 184, 166, 0.24);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 6px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: 0 none;
- }
- .p-dock .p-dock-link {
- width: 3rem;
- height: 3rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem 0.5rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 2px 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #0f766e;
- background: #f0fdfa;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #0f766e;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0f766e;
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(20, 184, 166, 0.24);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0.25rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #94a3b8;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 2px 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #0f766e;
- background: #f0fdfa;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #0f766e;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0f766e;
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(20, 184, 166, 0.24);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.5rem 0.75rem;
- color: #94a3b8;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem 0.5rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem {
- margin: 2px 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #0f766e;
- background: #f0fdfa;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #0f766e;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0f766e;
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(20, 184, 166, 0.24);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- min-width: 12.5rem;
- border-radius: 6px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 1.75rem;
- height: 1.75rem;
- color: #94a3b8;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 1.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 4.5rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.5rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 0 none;
- color: #64748b;
- background: #ffffff;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #64748b;
- padding: 1.125rem 1.125rem 1.125rem 1.125rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #e2e8f0;
- background: #ffffff;
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0.25rem;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #0f766e;
- background: #f0fdfa;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #0f766e;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0f766e;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(20, 184, 166, 0.24);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #64748b;
- border: 1px solid #e2e8f0;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #334155;
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #f0fdfa;
- color: #0f766e;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 500;
- color: #334155;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #e2e8f0;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- border-width: 0 0 1px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #e2e8f0;
- border-width: 0 0 1px 0;
- border-color: transparent transparent #e2e8f0 transparent;
- background: #ffffff;
- color: #64748b;
- padding: 1rem 1.125rem;
- font-weight: 600;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -2px;
- box-shadow: inset none;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #334155;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #e2e8f0;
- color: #14b8a6;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0.25rem;
- background: #ffffff;
- border: 1px solid #e2e8f0;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 2px 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #334155;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #334155;
- padding: 0.5rem 0.75rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #94a3b8;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #94a3b8;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #0f766e;
- background: #f0fdfa;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #0f766e;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0f766e;
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(20, 184, 166, 0.24);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #334155;
- background: #f1f5f9;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #334155;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #e2e8f0;
- margin: 2px 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.75rem;
- margin: 0;
- border-radius: 6px;
- }
- .p-inline-message.p-inline-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #2563eb;
- }
- .p-inline-message.p-inline-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #16a34a;
- }
- .p-inline-message.p-inline-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #ca8a04;
- }
- .p-inline-message.p-inline-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #dc2626;
- }
- .p-inline-message.p-inline-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-inline-message.p-inline-message-secondary .p-inline-message-icon {
- color: #475569;
- }
- .p-inline-message.p-inline-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-inline-message.p-inline-message-contrast .p-inline-message-icon {
- color: #f8fafc;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 6px;
- }
- .p-message .p-message-wrapper {
- padding: 0.5rem 0.75rem;
- }
- .p-message .p-message-close {
- width: 1.75rem;
- height: 1.75rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-message.p-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-message.p-message-info .p-message-icon {
- color: #2563eb;
- }
- .p-message.p-message-info .p-message-close {
- color: #2563eb;
- }
- .p-message.p-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-message.p-message-success .p-message-icon {
- color: #16a34a;
- }
- .p-message.p-message-success .p-message-close {
- color: #16a34a;
- }
- .p-message.p-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-close {
- color: #ca8a04;
- }
- .p-message.p-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-message.p-message-error .p-message-icon {
- color: #dc2626;
- }
- .p-message.p-message-error .p-message-close {
- color: #dc2626;
- }
- .p-message.p-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-message.p-message-secondary .p-message-icon {
- color: #475569;
- }
- .p-message.p-message-secondary .p-message-close {
- color: #475569;
- }
- .p-message.p-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-icon {
- color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-close {
- color: #f8fafc;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1rem;
- height: 1rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 0.75rem;
- border-width: 1px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 0.5rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 1.125rem;
- height: 1.125rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 500;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.125rem;
- height: 1.125rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: rgba(239, 246, 255, 0.95);
- border: solid #bfdbfe;
- border-width: 1px;
- color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: rgba(240, 253, 244, 0.95);
- border: solid #bbf7d0;
- border-width: 1px;
- color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: rgba(254, 252, 232, 0.95);
- border: solid #fde68a;
- border-width: 1px;
- color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: rgba(254, 242, 242, 0.95);
- border: solid #fecaca;
- border-width: 1px;
- color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- background: #f1f5f9;
- border: solid #e2e8f0;
- border-width: 1px;
- color: #475569;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- color: #475569;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- background: #020617;
- border: solid #64748b;
- border-width: 1px;
- color: #f8fafc;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- color: #f8fafc;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #f1f5f9;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #f1f5f9;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 6px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #f1f5f9;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #e2e8f0;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #cbd5e1;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #f0fdfa;
- color: #0f766e;
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #f0fdfa;
- color: #0f766e;
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f1f5f9;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f1f5f9;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #f8fafc;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #f8fafc;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #ffffff;
- background-color: rgba(255, 255, 255, 0.1);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #e2e8f0;
- border-radius: 6px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #ffffff;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #14b8a6;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-badge.p-badge-success {
- background-color: #22c55e;
- color: #ffffff;
- }
- .p-badge.p-badge-info {
- background-color: #0ea5e9;
- color: #ffffff;
- }
- .p-badge.p-badge-warning {
- background-color: #f97316;
- color: #ffffff;
- }
- .p-badge.p-badge-danger {
- background-color: #ef4444;
- color: #ffffff;
- }
- .p-badge.p-badge-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-badge.p-badge-contrast {
- background-color: #020617;
- color: #ffffff;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 6px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #f1f5f9;
- color: #1e293b;
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #f1f5f9;
- color: #1e293b;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #14b8a6;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #14b8a6;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.25rem;
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #14b8a6;
- }
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.25rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #dc2626;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #dc2626;
- }
- 40% {
- stroke: #2563eb;
- }
- 66% {
- stroke: #16a34a;
- }
- 80%, 90% {
- stroke: #ca8a04;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7);
- }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8);
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #f8fafc;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: #e2e8f0;
- border-radius: 6px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #14b8a6;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
- }
- .p-tag.p-tag-success {
- background-color: #22c55e;
- color: #ffffff;
- }
- .p-tag.p-tag-info {
- background-color: #0ea5e9;
- color: #ffffff;
- }
- .p-tag.p-tag-warning {
- background-color: #f97316;
- color: #ffffff;
- }
- .p-tag.p-tag-danger {
- background-color: #ef4444;
- color: #ffffff;
- }
- .p-tag.p-tag-secondary {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-tag.p-tag-contrast {
- background-color: #020617;
- color: #ffffff;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #ffffff;
- color: #334155;
- border: 1px solid #e2e8f0;
- padding: 0 1.125rem 1.125rem 1.125rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primevue {
- .p-accordion .p-accordion-header .p-accordion-header-link {
- border-radius: 6px !important;
- flex-direction: row-reverse;
- justify-content: space-between;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link:hover {
- border-bottom-color: #e2e8f0;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- transform: rotate(90deg);
- }
- .p-accordion .p-accordion-header.p-highlight .p-accordion-toggle-icon {
- transform: rotate(-180deg);
- }
- .p-accordion .p-accordion-tab {
- border-bottom: 1px solid #e2e8f0;
- }
- .p-accordion .p-accordion-tab:last-child {
- border-bottom: 0 none;
- }
-
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.375rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container:has(.p-autocomplete-token) .p-autocomplete-input-token {
- margin-left: 0.5rem;
- }
- .p-autocomplete.p-disabled {
- opacity: 1;
- }
-
- .p-button-label {
- font-weight: 500;
- }
-
- .p-button.p-button-success:enabled:focus-visible {
- outline-color: #22c55e;
- }
- .p-button.p-button-info:enabled:focus-visible {
- outline-color: #0ea5e9;
- }
- .p-button.p-button-warning:enabled:focus-visible {
- outline-color: #f97316;
- }
- .p-button.p-button-help:enabled:focus-visible {
- outline-color: #a855f7;
- }
- .p-button.p-button-danger:enabled:focus-visible {
- outline-color: #ef4444;
- }
- .p-button.p-button-contrast:enabled:focus-visible {
- outline-color: #020617;
- }
- .p-button.p-button-outlined {
- border-color: var(--primary-200);
- }
- .p-button.p-button-outlined:not(:disabled):hover, .p-button.p-button-outlined:not(:disabled):active {
- border-color: var(--primary-200);
- }
- .p-button.p-button-outlined.p-button-secondary {
- border-color: var(--surface-200);
- color: #64748b;
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):hover {
- color: #64748b;
- background-color: #f1f5f9;
- border-color: var(--surface-200);
- }
- .p-button.p-button-outlined.p-button-secondary:not(:disabled):active {
- color: #64748b;
- background-color: #e2e8f0;
- border-color: var(--surface-200);
- }
- .p-button.p-button-outlined.p-button-success {
- border-color: #bbf7d0;
- }
- .p-button.p-button-outlined.p-button-success:not(:disabled):hover, .p-button.p-button-outlined.p-button-success:not(:disabled):active {
- border-color: #bbf7d0;
- }
- .p-button.p-button-outlined.p-button-info {
- border-color: #bae6fd;
- }
- .p-button.p-button-outlined.p-button-info:not(:disabled):hover, .p-button.p-button-outlined.p-button-info:not(:disabled):active {
- border-color: #bae6fd;
- }
- .p-button.p-button-outlined.p-button-warning {
- border-color: #fed7aa;
- }
- .p-button.p-button-outlined.p-button-warning:not(:disabled):hover, .p-button.p-button-outlined.p-button-warning:not(:disabled):active {
- border-color: #fed7aa;
- }
- .p-button.p-button-outlined.p-button-help {
- border-color: #e9d5ff;
- }
- .p-button.p-button-outlined.p-button-help:not(:disabled):hover, .p-button.p-button-outlined.p-button-help:not(:disabled):active {
- border-color: #e9d5ff;
- }
- .p-button.p-button-outlined.p-button-danger {
- border-color: #fecaca;
- }
- .p-button.p-button-outlined.p-button-danger:not(:disabled):hover, .p-button.p-button-outlined.p-button-danger:not(:disabled):active {
- border-color: #fecaca;
- }
- .p-button.p-button-outlined.p-button-contrast {
- border-color: #334155;
- }
- .p-button.p-button-outlined.p-button-contrast:not(:disabled):hover, .p-button.p-button-outlined.p-button-contrast:not(:disabled):active {
- border-color: #334155;
- }
- .p-button.p-button-secondary.p-button-text {
- color: #64748b;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover {
- background: #f1f5f9;
- color: #64748b;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active {
- background: #e2e8f0;
- color: #64748b;
- }
-
- .p-datepicker-buttonbar .p-button {
- padding: 0.25rem 0.75rem;
- font-size: 0.875rem;
- }
-
- .p-datepicker .p-datepicker-group-container + .p-timepicker {
- margin-top: 0.5rem;
- padding-top: 0.5rem;
- }
- .p-datepicker table th {
- font-weight: 500;
- }
-
- .p-card {
- border-radius: 12px;
- display: flex;
- flex-direction: column;
- }
- .p-card .p-card-caption {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-card .p-card-caption .p-card-title,
-.p-card .p-card-caption .p-card-subtitle {
- margin-bottom: 0;
- }
- .p-card .p-card-body {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #14b8a6;
- }
-
- .p-cascadeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-cascadeselect .p-cascadeselect-label {
- box-shadow: none;
- }
- .p-cascadeselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-cascadeselect.p-disabled .p-cascadeselect-label {
- color: #64748b;
- }
-
- div.p-cascadeselect-panel {
- border: 0 none;
- box-shadow: none;
- }
-
- .p-checkbox .p-checkbox-box {
- border-radius: 4px;
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible).p-highlight .p-checkbox-box {
- border-color: #14b8a6;
- }
- .p-checkbox.p-disabled {
- opacity: 1;
- }
- .p-checkbox.p-disabled .p-checkbox-box {
- background-color: #e2e8f0;
- border: 1px solid #cbd5e1;
- }
- .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {
- color: #64748b;
- }
-
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.25rem;
- gap: 0.25rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- border-radius: 4px;
- margin: 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.375rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container:has(.p-chips-token) .p-chips-input-token {
- margin-left: 0.5rem;
- }
- .p-chips.p-disabled .p-chips-multiple-container {
- opacity: 1;
- background-color: #e2e8f0;
- }
-
- .p-chip {
- border-radius: 16px;
- padding: 0.25rem 0.75rem;
- }
- .p-chip .p-chip-text {
- margin-top: 0;
- margin-bottom: 0;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.375rem;
- }
- .p-chip:has(.p-chip-remove-icon) {
- padding-right: 0.5rem;
- }
- .p-chip img {
- margin-left: -0.5rem;
- }
-
- .p-colorpicker-preview {
- padding: 0;
- }
- .p-colorpicker-preview:enabled:focus {
- outline-offset: 2px;
- }
- .p-colorpicker-preview.p-inputtext.p-disabled {
- opacity: 0.6;
- }
-
- .p-confirm-popup {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #14b8a6;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #14b8a6;
- }
- .p-datatable .p-datatable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: #c5f7ec;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight > td {
- border-bottom-color: #c5f7ec;
- }
-
- .p-dataview-layout-options.p-selectbutton .p-button svg {
- position: relative;
- }
-
- .p-dialog {
- border-radius: 12px;
- background-color: #ffffff;
- }
- .p-dialog.p-dialog-maximized {
- border-radius: 0;
- }
- .p-dialog .p-dialog-header {
- border-top-right-radius: 12px;
- border-top-left-radius: 12px;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
- .p-dialog .p-dialog-footer {
- border-bottom-right-radius: 12px;
- border-bottom-left-radius: 12px;
- }
-
- .p-dropdown {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-dropdown .p-dropdown-label {
- box-shadow: none;
- }
- .p-dropdown.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-dropdown.p-disabled .p-dropdown-label {
- color: #64748b;
- }
-
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- margin-left: -0.375rem;
- margin-right: 0.375rem;
- }
-
- .p-treetable .p-treetable-tbody > tr:has(+ .p-highlight) > td {
- border-bottom-color: #c5f7ec;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td {
- border-bottom-color: #c5f7ec;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight > td .p-treetable-toggler:hover {
- background-color: #f0fdfa;
- color: #0f766e;
- }
-
- .p-fieldset {
- padding: 0 1.125rem 1.125rem 1.125rem;
- margin: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text {
- padding: 0;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- color: #64748b;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background-color: #f1f5f9;
- }
- .p-fieldset .p-fieldset-legend {
- border: 0 none;
- padding: 0;
- margin-bottom: 0.375rem;
- }
- .p-fieldset .p-fieldset-legend span {
- padding: 0.5rem 0.75rem;
- }
- .p-fieldset .p-fieldset-content {
- padding: 0;
- }
-
- .p-column-filter-overlay-menu {
- padding: 0.75rem;
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraints {
- display: flex;
- flex-direction: column;
- gap: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 0 0 0 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child .p-column-filter-remove-button {
- margin-bottom: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 0;
- }
-
- .p-fileupload .p-fileupload-content {
- border-top: 0 none;
- padding-top: 1.125rem;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #14b8a6;
- }
-
- .p-inline-message-text {
- font-weight: 500;
- }
-
- .p-inline-message {
- backdrop-filter: blur(1.5px);
- }
-
- .p-inline-message.p-inline-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
-
- .p-inline-message.p-inline-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
-
- .p-inline-message.p-inline-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
-
- .p-inline-message.p-inline-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
-
- .p-inline-message.p-inline-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
-
- .p-inline-message.p-inline-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
-
- .p-inputgroup-addon {
- padding: 0.5rem;
- }
-
- .p-inputnumber.p-inputnumber-buttons-stacked {
- position: relative;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- position: absolute;
- top: 1px;
- right: 1px;
- height: calc(100% - 2px);
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button {
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- background-color: transparent;
- border: 0 none;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #cbd5e1;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-up {
- border-left: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-horizontal .p-inputnumber-button.p-inputnumber-button-down {
- border-right: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button {
- background-color: transparent;
- border: 1px solid #cbd5e1;
- color: #64748b;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:hover {
- background-color: #f1f5f9;
- color: #475569;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button:active {
- background-color: #e2e8f0;
- color: #334155;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-up {
- border-bottom: 0 none;
- }
- .p-inputnumber.p-inputnumber-buttons-vertical .p-inputnumber-button.p-inputnumber-button-down {
- border-top: 0 none;
- }
-
- .p-inputswitch .p-inputswitch-slider {
- border: 0 none;
- }
- .p-inputswitch.p-highlight p-inputswitch-slider:before {
- left: 1.25rem;
- transform: none;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- background: #f87171;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
- background: #ffffff;
- }
-
- .p-inputtext {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
-
- .p-inputtext:disabled {
- opacity: 1;
- background-color: #e2e8f0;
- color: #64748b;
- }
-
- .p-knob svg {
- border-radius: 6px;
- outline-color: transparent;
- transition: outline-color 0.2s;
- }
- .p-knob svg:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-listbox {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-listbox.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-listbox.p-disabled .p-listbox-list .p-listbox-item {
- color: #64748b;
- }
-
- .p-message {
- backdrop-filter: blur(1.5px);
- }
-
- .p-message.p-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-message.p-message-info .p-message-close:focus-visible {
- outline-color: #2563eb;
- }
- .p-message.p-message-info .p-message-close:hover {
- background: #dbeafe;
- }
-
- .p-message.p-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-message.p-message-success .p-message-close:focus-visible {
- outline-color: #16a34a;
- }
- .p-message.p-message-success .p-message-close:hover {
- background: #dcfce7;
- }
-
- .p-message.p-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-message.p-message-warn .p-message-close:focus-visible {
- outline-color: #ca8a04;
- }
- .p-message.p-message-warn .p-message-close:hover {
- background: #fef9c3;
- }
-
- .p-message.p-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-message.p-message-error .p-message-close:focus-visible {
- outline-color: #dc2626;
- }
- .p-message.p-message-error .p-message-close:hover {
- background: #fee2e2;
- }
-
- .p-message.p-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-message.p-message-secondary .p-message-close:focus-visible {
- outline-color: #475569;
- }
- .p-message.p-message-secondary .p-message-close:hover {
- background: #e2e8f0;
- }
-
- .p-message.p-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-message.p-message-contrast .p-message-close:focus-visible {
- outline-color: #f8fafc;
- }
- .p-message.p-message-contrast .p-message-close:hover {
- background: #1e293b;
- }
-
- .p-multiselect-panel .p-multiselect-header {
- padding-left: 1rem;
- padding-right: 1rem;
- }
-
- .p-multiselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-multiselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-multiselect.p-disabled .p-multiselect-label {
- color: #64748b;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- border-radius: 4px;
- margin-right: 0.25rem;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.375rem;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header {
- border-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action {
- background: #e2e8f0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #334155;
- padding: 0.5rem 0.75rem;
- font-weight: 600;
- border-radius: 4px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- color: #94a3b8;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover {
- background: #f1f5f9;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-text {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-submenu-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action:hover .p-menuitem-icon {
- color: #334155;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content {
- border-radius: 6px;
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-top: 2px;
- }
- .p-panelmenu .p-panelmenu-panel {
- padding: 0.25rem 0.25rem;
- overflow: hidden;
- margin-bottom: 0.75rem;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- }
-
- .p-password-panel {
- background-color: #ffffff;
- border: 1px solid #e2e8f0;
- padding: 0.75rem;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.75rem;
- background: #e2e8f0;
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength {
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #ef4444;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #f59e0b;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #22c55e;
- }
-
- .p-orderlist-controls .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-orderlist-controls .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-orderlist-controls .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-orderlist-controls .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
-
- .p-orderlist .p-orderlist-header {
- background: #ffffff;
- color: #334155;
- border: 0 none;
- border-bottom: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #64748b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list {
- border: 1px solid #cbd5e1;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- border-radius: 6px;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-organizationchart .p-organizationchart-node-content {
- padding: 0.75rem 1rem;
- border-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- border: 1px solid #e2e8f0;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: static;
- }
- .p-organizationchart .p-organizationchart-node-content:has(.p-node-toggler) {
- padding: 0.75rem 1rem 1.25rem 1rem;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) {
- border-right: 0 none;
- }
- .p-organizationchart .p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) {
- border-top-right-radius: 6px;
- }
- .p-organizationchart .p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) {
- border-left: 1px solid #e2e8f0;
- border-top-left-radius: 6px;
- }
-
- .p-overlaypanel {
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 0.75rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- width: 1.75rem;
- height: 1.75rem;
- color: #64748b;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- outline-color: transparent;
- position: absolute;
- top: 0.25rem;
- right: 0.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- color: #475569;
- border-color: transparent;
- background: #f1f5f9;
- }
- .p-overlaypanel .p-overlaypanel-close:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: 2px;
- box-shadow: none;
- }
-
- .p-panel {
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- background-color: #ffffff;
- }
- .p-panel .p-panel-header,
-.p-panel .p-panel-content,
-.p-panel .p-panel-footer {
- background: transparent;
- border: 0 none;
- }
- .p-panel:has(.p-panel-footer) .p-panel-content {
- padding-bottom: 0.875rem;
- }
-
- .p-picklist-buttons .p-button {
- transition: opacity 0.2s, outline-color 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- color: #475569;
- background: #f1f5f9;
- border: 1px solid #f1f5f9;
- }
- .p-picklist-buttons .p-button:not(:disabled):hover {
- background: #e2e8f0;
- color: #334155;
- border-color: #e2e8f0;
- }
- .p-picklist-buttons .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-picklist-buttons .p-button:not(:disabled):active {
- background: #cbd5e1;
- color: #1e293b;
- border-color: #cbd5e1;
- }
-
- .p-picklist .p-picklist-header {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- border: 0 none;
- padding: 0.75rem 1rem 0.5rem 1rem;
- font-weight: 600;
- color: #64748b;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-picklist .p-picklist-list {
- border: 1px solid #cbd5e1;
- border: 0 none;
- background: #ffffff;
- color: #334155;
- padding: 0.25rem 0.25rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- border-radius: 6px;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border: 0 none;
- }
-
- .p-progressbar-label {
- font-size: 0.75rem;
- font-weight: 600;
- }
-
- .p-radiobutton .p-radiobutton-box {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline-width: 1px;
- outline-offset: 2px;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible).p-highlight .p-radiobutton-box {
- border-color: #14b8a6;
- }
- .p-radiobutton.p-disabled {
- opacity: 1;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box {
- border: 1px solid #cbd5e1;
- background-color: #e2e8f0;
- }
- .p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon {
- background-color: #64748b;
- }
-
- .p-rating {
- gap: 0.25rem;
- }
-
- .p-selectbutton .p-button .pi,
-.p-selectbutton .p-button .p-button-label {
- position: relative;
- transition: none;
- }
- .p-selectbutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-selectbutton .p-button.p-highlight::before {
- background: #ffffff;
- border-color: #ffffff;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-selectbutton .p-button:focus-visible {
- outline: 1px solid var(--p-focus-ring-color);
- outline-offset: -1px;
- box-shadow: none;
- border-color: #94a3b8;
- }
- .p-selectbutton .p-button.p-disabled {
- opacity: 1;
- color: #94a3b8;
- }
- .p-selectbutton.p-invalid {
- box-shadow: 0 0 0 1px #f87171;
- border-radius: 6px;
- }
- .p-selectbutton.p-invalid > .p-button {
- border: 1px solid #f1f5f9;
- }
- .p-selectbutton.p-disabled {
- opacity: 1;
- }
- .p-selectbutton.p-disabled .p-button {
- color: #94a3b8;
- }
-
- .p-slider .p-slider-handle {
- display: flex !important;
- justify-content: center;
- align-items: center;
- }
- .p-slider .p-slider-handle::before {
- content: "";
- width: 16px;
- height: 16px;
- display: block;
- background-color: #ffffff;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--p-focus-ring-color), 0 1px 2px 0 black;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline-color: #75f0e3;
- }
-
- .p-speeddial-button.p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-splitter-gutter-handle {
- border-radius: 6px;
- }
-
- .p-stepper .p-stepper-header .p-stepper-number {
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #ffffff;
- color: #14b8a6;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #14b8a6;
- }
-
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- border-width: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- font-weight: 500;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-steps .p-steps-item .p-steps-number {
- position: relative;
- font-weight: 500;
- }
- .p-steps .p-steps-item .p-steps-number::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #ffffff;
- color: #14b8a6;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- color: #14b8a6;
- }
- .p-steps .p-steps-item.p-disabled {
- opacity: 1;
- }
- .p-steps .p-steps-item:before {
- border-top-width: 2px;
- margin-top: calc(-1rem + 1px);
- }
- .p-steps .p-steps-item:first-child::before {
- width: calc(50% + 1rem);
- transform: translateX(100%);
- }
- .p-steps .p-steps-item:last-child::before {
- width: 50%;
- }
-
- .p-tabmenu .p-tabmenu-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: -1px;
- height: 1px;
- background-color: #14b8a6;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabmenu .p-tabmenu-nav {
- position: relative;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
-
- .p-tabview .p-tabview-ink-bar {
- z-index: 1;
- display: block;
- position: absolute;
- bottom: 0;
- height: 1px;
- background-color: #14b8a6;
- transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
- }
- .p-tabview .p-tabview-nav {
- position: relative;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- color: #64748b;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- box-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6);
- }
- .p-tabview .p-tabview-nav-btn.p-link:hover {
- color: #475569;
- }
-
- .p-tag {
- background: var(--primary-100);
- color: var(--primary-700);
- }
- .p-tag.p-tag-success {
- background: var(--green-100);
- color: var(--green-700);
- }
- .p-tag.p-tag-info {
- background: var(--blue-100);
- color: var(--blue-700);
- }
- .p-tag.p-tag-warning {
- background: var(--orange-100);
- color: var(--orange-700);
- }
- .p-tag.p-tag-danger {
- background: var(--red-100);
- color: var(--red-700);
- }
-
- .p-terminal {
- background: #ffffff;
- color: #334155;
- border: 1px solid #cbd5e1;
- padding: 0.5rem 0.75rem;
- border-radius: 6px;
- }
- .p-terminal .p-terminal-prompt {
- margin-right: 0.25rem;
- }
- .p-terminal .p-terminal-response {
- margin: 2px 0;
- }
-
- .p-timeline .p-timeline-event-marker {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- position: relative;
- }
- .p-timeline .p-timeline-event-marker::before {
- content: " ";
- border-radius: 50%;
- width: 0.375rem;
- height: 0.375rem;
- background-color: #14b8a6;
- }
- .p-timeline .p-timeline-event-marker::after {
- content: " ";
- position: absolute;
- width: 100%;
- height: 100%;
- border-radius: 50%;
- box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-toast .p-toast-message {
- backdrop-filter: blur(1.5px);
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- font-size: 0.875rem;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.75rem;
- height: 1.75rem;
- margin-top: -25%;
- right: -25%;
- position: relative;
- }
-
- .p-toast .p-toast-message.p-toast-message-info {
- box-shadow: 0px 4px 8px 0px rgba(59, 130, 246, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- outline-color: #2563eb;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close:hover {
- background: #dbeafe;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- box-shadow: 0px 4px 8px 0px rgba(34, 197, 94, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- outline-color: #16a34a;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close:hover {
- background: #dcfce7;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- box-shadow: 0px 4px 8px 0px rgba(234, 179, 8, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- outline-color: #ca8a04;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close:hover {
- background: #fef9c3;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- box-shadow: 0px 4px 8px 0px rgba(239, 68, 68, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-detail {
- color: #334155;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close:hover {
- background: #fee2e2;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- box-shadow: 0px 4px 8px 0px rgba(74, 85, 103, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close:hover {
- background: #e2e8f0;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- box-shadow: 0px 4px 8px 0px rgba(2, 6, 23, 0.04);
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- outline-color: #dc2626;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close:hover {
- background: #1e293b;
- }
-
- .p-togglebutton .p-button .p-button-label,
-.p-togglebutton .p-button .p-button-icon {
- position: relative;
- transition: none;
- }
- .p-togglebutton .p-button::before {
- content: "";
- background-color: transparent;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
- position: absolute;
- left: 0.25rem;
- top: 0.25rem;
- width: calc(100% - 0.5rem);
- height: calc(100% - 0.5rem);
- border-radius: 4px;
- }
- .p-togglebutton.p-highlight .p-button::before {
- background: #ffffff;
- border-color: #ffffff;
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
- }
- .p-togglebutton.p-disabled {
- opacity: 1;
- }
- .p-togglebutton.p-disabled .p-button {
- color: #94a3b8;
- }
- .p-togglebutton.p-disabled .p-button .p-button-icon {
- color: #94a3b8;
- }
-
- .p-toolbar {
- padding: 0.75rem;
- }
-
- .p-tree {
- border: 0 none;
- padding: 1rem;
- }
- .p-tree .p-tree-container .p-treenode {
- margin: 2px 0;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline-offset: -2px;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover {
- background-color: #f0fdfa;
- }
- .p-tree .p-tree-container > .p-treenode:first-child {
- margin-top: 0;
- }
- .p-tree .p-tree-container > .p-treenode:last-child {
- margin-bottom: 0;
- }
-
- .p-treeselect-panel .p-tree {
- padding: 0.25rem 0.25rem;
- }
-
- .p-treeselect {
- box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
- }
- .p-treeselect.p-disabled {
- opacity: 1;
- background-color: #e2e8f0;
- }
- .p-treeselect.p-disabled .p-treeselect-label {
- color: #64748b;
- }
-}
diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css
deleted file mode 100644
index 359ba84..0000000
--- a/public/themes/bootstrap4-dark-blue/theme.css
+++ /dev/null
@@ -1,10722 +0,0 @@
-:root {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- --surface-a:#2a323d;
- --surface-b:#20262e;
- --surface-c:rgba(255, 255, 255, 0.04);
- --surface-d:#3f4b5b;
- --surface-e:#2a323d;
- --surface-f:#2a323d;
- --text-color:rgba(255, 255, 255, 0.87);
- --text-color-secondary:rgba(255, 255, 255, 0.6);
- --primary-color:#8dd0ff;
- --primary-color-text:#151515;
- --surface-0: #20262e;
- --surface-50: #363c43;
- --surface-100: #4d5158;
- --surface-200: #63676d;
- --surface-300: #797d82;
- --surface-400: #909397;
- --surface-500: #a6a8ab;
- --surface-600: #bcbec0;
- --surface-700: #d2d4d5;
- --surface-800: #e9e9ea;
- --surface-900: #ffffff;
- --gray-50:#e9e9ea;
- --gray-100: #d2d4d5;
- --gray-200: #bcbec0;
- --gray-300: #a6a8ab;
- --gray-400: #909397;
- --gray-500: #797d82;
- --gray-600: #63676d;
- --gray-700: #4d5158;
- --gray-800: #363c43;
- --gray-900: #20262e;
- --content-padding:1.25rem;
- --inline-spacing:0.5rem;
- --border-radius:4px;
- --surface-ground:#20262e;
- --surface-section:#20262e;
- --surface-card:#2a323d;
- --surface-overlay:#2a323d;
- --surface-border:#3f4b5b;
- --surface-hover:rgba(255,255,255,.04);
- --focus-ring: 0 0 0 1px #e3f3fe;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #8dd0ff;
- --highlight-text-color: #151515;
- color-scheme: dark;
-}
-
-:root {
- --blue-50:#f3f8ff;
- --blue-100:#c5dcff;
- --blue-200:#97c1fe;
- --blue-300:#69a5fe;
- --blue-400:#3b8afd;
- --blue-500:#0d6efd;
- --blue-600:#0b5ed7;
- --blue-700:#094db1;
- --blue-800:#073d8b;
- --blue-900:#052c65;
- --green-50:#f4f9f6;
- --green-100:#c8e2d6;
- --green-200:#9ccbb5;
- --green-300:#70b595;
- --green-400:#459e74;
- --green-500:#198754;
- --green-600:#157347;
- --green-700:#125f3b;
- --green-800:#0e4a2e;
- --green-900:#0a3622;
- --yellow-50:#fffcf3;
- --yellow-100:#fff0c3;
- --yellow-200:#ffe494;
- --yellow-300:#ffd965;
- --yellow-400:#ffcd36;
- --yellow-500:#ffc107;
- --yellow-600:#d9a406;
- --yellow-700:#b38705;
- --yellow-800:#8c6a04;
- --yellow-900:#664d03;
- --cyan-50:#f3fcfe;
- --cyan-100:#c5f2fb;
- --cyan-200:#97e8f9;
- --cyan-300:#69def6;
- --cyan-400:#3bd4f3;
- --cyan-500:#0dcaf0;
- --cyan-600:#0baccc;
- --cyan-700:#098da8;
- --cyan-800:#076f84;
- --cyan-900:#055160;
- --pink-50:#fdf5f9;
- --pink-100:#f5cee1;
- --pink-200:#eda7ca;
- --pink-300:#e681b3;
- --pink-400:#de5a9b;
- --pink-500:#d63384;
- --pink-600:#b62b70;
- --pink-700:#96245c;
- --pink-800:#761c49;
- --pink-900:#561435;
- --indigo-50:#f7f3fe;
- --indigo-100:#dac6fc;
- --indigo-200:#bd98f9;
- --indigo-300:#a06bf7;
- --indigo-400:#833df4;
- --indigo-500:#6610f2;
- --indigo-600:#570ece;
- --indigo-700:#470ba9;
- --indigo-800:#380985;
- --indigo-900:#290661;
- --teal-50:#f4fcfa;
- --teal-100:#c9f2e6;
- --teal-200:#9fe8d2;
- --teal-300:#75debf;
- --teal-400:#4ad3ab;
- --teal-500:#20c997;
- --teal-600:#1bab80;
- --teal-700:#168d6a;
- --teal-800:#126f53;
- --teal-900:#0d503c;
- --orange-50:#fff9f3;
- --orange-100:#ffe0c7;
- --orange-200:#fec89a;
- --orange-300:#feaf6d;
- --orange-400:#fd9741;
- --orange-500:#fd7e14;
- --orange-600:#d76b11;
- --orange-700:#b1580e;
- --orange-800:#8b450b;
- --orange-900:#653208;
- --bluegray-50:#f8f9fb;
- --bluegray-100:#e0e4ea;
- --bluegray-200:#c7ced9;
- --bluegray-300:#aeb9c8;
- --bluegray-400:#95a3b8;
- --bluegray-500:#7c8ea7;
- --bluegray-600:#69798e;
- --bluegray-700:#576375;
- --bluegray-800:#444e5c;
- --bluegray-900:#323943;
- --purple-50:#f8f6fc;
- --purple-100:#dcd2f0;
- --purple-200:#c1aee4;
- --purple-300:#a68ad9;
- --purple-400:#8a66cd;
- --purple-500:#6f42c1;
- --purple-600:#5e38a4;
- --purple-700:#4e2e87;
- --purple-800:#3d246a;
- --purple-900:#2c1a4d;
- --red-50:#fdf5f6;
- --red-100:#f7cfd2;
- --red-200:#f0a8af;
- --red-300:#e9828c;
- --red-400:#e35b68;
- --red-500:#dc3545;
- --red-600:#bb2d3b;
- --red-700:#9a2530;
- --red-800:#791d26;
- --red-900:#58151c;
- --primary-50:#f9fdff;
- --primary-100:#e4f4ff;
- --primary-200:#ceebff;
- --primary-300:#b8e2ff;
- --primary-400:#a3d9ff;
- --primary-500:#8dd0ff;
- --primary-600:#78b1d9;
- --primary-700:#6392b3;
- --primary-800:#4e728c;
- --primary-900:#385366;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #2a323d;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #3f4b5b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
- border-radius: 4px;
- padding: 0.5rem 0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 1.5rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #3f4b5b;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #20262e;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #8dd0ff;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #8dd0ff;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #8dd0ff;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #8dd0ff;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.15s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.65;
- }
-
- .p-error {
- color: #f19ea6;
- }
-
- .p-text-secondary {
- color: rgba(255, 255, 255, 0.6);
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.107rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #3f4b5b;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: #8dd0ff;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- background: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #4c5866;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f19ea6;
- }
-
- .p-autocomplete-panel {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- box-shadow: none;
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.5rem 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #151515;
- background: #8dd0ff;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: #64bfff;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #f19ea6;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: #8dd0ff;
- }
-
- .p-datepicker {
- padding: 0;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #2a323d;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #3f4b5b;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: rgba(255, 255, 255, 0.87);
- transition: color 0.15s, box-shadow 0.15s;
- font-weight: 600;
- padding: 0.5rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #8dd0ff;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0;
- }
- .p-datepicker table th {
- padding: 0.5rem;
- }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-datepicker table td {
- padding: 0.5rem;
- }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 4px;
- transition: box-shadow 0.15s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: #151515;
- background: #8dd0ff;
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: transparent;
- color: #8dd0ff;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #151515;
- background: #8dd0ff;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #3f4b5b;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #3f4b5b;
- padding: 0.5rem;
- }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #151515;
- background: #8dd0ff;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.5rem;
- transition: box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #151515;
- background: #8dd0ff;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #3f4b5b;
- padding-right: 0;
- padding-left: 0;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #20262e;
- border: 1px solid #3f4b5b;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #3f4b5b;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: #8dd0ff;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #3f4b5b;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #3f4b5b;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #3f4b5b;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f19ea6;
- }
-
- .p-cascadeselect-panel {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- box-shadow: none;
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.5rem 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #151515;
- background: #8dd0ff;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: #64bfff;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1.5rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 20px;
- height: 20px;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #3f4b5b;
- background: #20262e;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.15s;
- color: #151515;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #8dd0ff;
- background: #8dd0ff;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #3f4b5b;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #1dadff;
- background: #1dadff;
- color: #151515;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: #8dd0ff;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #f19ea6;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #3f4b5b;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #8dd0ff;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #3f4b5b;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #1dadff;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #3f4b5b;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #8dd0ff;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #3f4b5b;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #1dadff;
- }
-
- .p-highlight .p-checkbox .p-checkbox-box {
- border-color: #151515;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #3f4b5b;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: #8dd0ff;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #4c5866;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #f19ea6;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 2rem;
- height: 2rem;
- }
-
- .p-colorpicker-panel {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: rgba(255, 255, 255, 0.87);
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: none;
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #20262e;
- border: 1px solid #3f4b5b;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #3f4b5b;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: #8dd0ff;
- }
- .p-dropdown.p-variant-filled {
- background: #3f4b5b;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #3f4b5b;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #3f4b5b;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #f19ea6;
- }
-
- .p-dropdown-panel {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- box-shadow: none;
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.5rem 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #151515;
- background: #8dd0ff;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: #64bfff;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.6);
- border-top: 1px solid #3f4b5b;
- border-left: 1px solid #3f4b5b;
- border-bottom: 1px solid #3f4b5b;
- padding: 0.5rem 0.75rem;
- min-width: 2.357rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #3f4b5b;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #f19ea6;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #3f4b5b;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #3f4b5b;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #3f4b5b;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 3rem;
- height: 1.75rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 4px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #3f4b5b;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.6);
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 4px;
- transition-duration: 0.15s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #8dd0ff;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #151515;
- transform: translateX(1.25rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #3f4b5b;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #8dd0ff;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #f19ea6;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #20262e;
- padding: 0.5rem 0.75rem;
- border: 1px solid #3f4b5b;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- appearance: none;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #3f4b5b;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: #8dd0ff;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #f19ea6;
- }
- .p-inputtext.p-variant-filled {
- background-color: #3f4b5b;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #3f4b5b;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #3f4b5b;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- transition-duration: 0.15s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #f19ea6;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- :-moz-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- ::-moz-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- :-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-filled .p-inputtext {
- background-color: #3f4b5b;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #3f4b5b;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #3f4b5b;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-listbox .p-listbox-list {
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #151515;
- background: #8dd0ff;
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: #64bfff;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: #8dd0ff;
- }
- .p-listbox.p-invalid {
- border-color: #f19ea6;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #20262e;
- border: 1px solid #3f4b5b;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #3f4b5b;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: #8dd0ff;
- }
- .p-multiselect.p-variant-filled {
- background: #3f4b5b;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #3f4b5b;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #3f4b5b;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #f19ea6;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- box-shadow: none;
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.5rem 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #151515;
- background: #8dd0ff;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: #64bfff;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #f19ea6;
- }
-
- .p-password-panel {
- padding: 1.25rem;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- box-shadow: none;
- border-radius: 4px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #3f4b5b;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f19ea6;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffe082;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #9fdaa8;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 20px;
- height: 20px;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #3f4b5b;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #3f4b5b;
- background: #20262e;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 50%;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.15s;
- background-color: #151515;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #8dd0ff;
- background: #8dd0ff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #3f4b5b;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #1dadff;
- background: #1dadff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #151515;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: #8dd0ff;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #f19ea6;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #3f4b5b;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #8dd0ff;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #3f4b5b;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #1dadff;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #3f4b5b;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #8dd0ff;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #3f4b5b;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #1dadff;
- }
-
- .p-highlight .p-radiobutton .p-radiobutton-box {
- border-color: #151515;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- font-size: 1.143rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1.143rem;
- height: 1.143rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f19ea6;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #8dd0ff;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #8dd0ff;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #f19ea6;
- }
-
- .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #151515;
- }
-
- .p-selectbutton .p-button {
- background: #6c757d;
- border: 1px solid #6c757d;
- color: #ffffff;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #5a6268;
- border-color: #545b62;
- color: #ffffff;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #f19ea6;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #3f4b5b;
- border: 0 none;
- border-radius: 4px;
- }
- .p-slider.p-slider-horizontal {
- height: 0.286rem;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem;
- }
- .p-slider.p-slider-vertical {
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem;
- }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #8dd0ff;
- border: 2px solid #8dd0ff;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-slider .p-slider-range {
- background: #8dd0ff;
- border-radius: 4px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #56bdff;
- border-color: #56bdff;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #20262e;
- border: 1px solid #3f4b5b;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #3f4b5b;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: #8dd0ff;
- }
- .p-treeselect.p-variant-filled {
- background: #3f4b5b;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #3f4b5b;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #3f4b5b;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #f19ea6;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- box-shadow: none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 1.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #3f4b5b;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #3f4b5b;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #3f4b5b;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #6c757d;
- border-radius: 4px;
- }
- .p-togglebutton .p-button {
- background: #6c757d;
- border: 1px solid #6c757d;
- color: #ffffff;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #5a6268;
- border-color: #545b62;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: #8dd0ff;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #f19ea6;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #151515;
- background: #8dd0ff;
- border: 1px solid #8dd0ff;
- padding: 0.5rem 0.75rem;
- font-size: 1rem;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #56bdff;
- color: #151515;
- border-color: #56bdff;
- }
- .p-button:not(:disabled):active {
- background: #1dadff;
- color: #151515;
- border-color: #1dadff;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #8dd0ff;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(141, 208, 255, 0.04);
- color: #8dd0ff;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(141, 208, 255, 0.16);
- color: #8dd0ff;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- border-color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #8dd0ff;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(141, 208, 255, 0.04);
- color: #8dd0ff;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(141, 208, 255, 0.16);
- color: #8dd0ff;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-button .p-button-label {
- transition-duration: 0.15s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #8dd0ff;
- background-color: #151515;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.357rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #ffffff;
- background: #6c757d;
- border: 1px solid #6c757d;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #5a6268;
- color: #ffffff;
- border-color: #5a6268;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px rgba(130, 138, 145, 0.5);
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #545b62;
- color: #ffffff;
- border-color: #4e555b;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #6c757d;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(108, 117, 125, 0.04);
- color: #6c757d;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(108, 117, 125, 0.16);
- color: #6c757d;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #6c757d;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(108, 117, 125, 0.04);
- border-color: transparent;
- color: #6c757d;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(108, 117, 125, 0.16);
- border-color: transparent;
- color: #6c757d;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #151515;
- background: #7fd8e6;
- border: 1px solid #4cc8db;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #4cc8db;
- color: #151515;
- border-color: #26bdd3;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #b1e8f0;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #26bdd3;
- color: #151515;
- border-color: #00b2cc;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #7fd8e6;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(127, 216, 230, 0.04);
- color: #7fd8e6;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(127, 216, 230, 0.16);
- color: #7fd8e6;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #7fd8e6;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(127, 216, 230, 0.04);
- border-color: transparent;
- color: #7fd8e6;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(127, 216, 230, 0.16);
- border-color: transparent;
- color: #7fd8e6;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #151515;
- background: #9fdaa8;
- border: 1px solid #78cc86;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #78cc86;
- color: #151515;
- border-color: #5ac06c;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #c5e8ca;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #5ac06c;
- color: #151515;
- border-color: #3cb553;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #9fdaa8;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(159, 218, 168, 0.04);
- color: #9fdaa8;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(159, 218, 168, 0.16);
- color: #9fdaa8;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #9fdaa8;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(159, 218, 168, 0.04);
- border-color: transparent;
- color: #9fdaa8;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(159, 218, 168, 0.16);
- border-color: transparent;
- color: #9fdaa8;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #151515;
- background: #ffe082;
- border: 1px solid #ffd54f;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ffd54f;
- color: #151515;
- border-color: #ffca28;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #ffecb3;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #ffca28;
- color: #151515;
- border-color: #ffc107;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffe082;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 224, 130, 0.04);
- color: #ffe082;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 224, 130, 0.16);
- color: #ffe082;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #ffe082;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 224, 130, 0.04);
- border-color: transparent;
- color: #ffe082;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 224, 130, 0.16);
- border-color: transparent;
- color: #ffe082;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #151515;
- background: #b7a2e0;
- border: 1px solid #9a7cd4;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #9a7cd4;
- color: #151515;
- border-color: #845fca;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #d3c7ec;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #845fca;
- color: #151515;
- border-color: #6d43c0;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #b7a2e0;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(183, 162, 224, 0.04);
- color: #b7a2e0;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(183, 162, 224, 0.16);
- color: #b7a2e0;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #b7a2e0;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(183, 162, 224, 0.04);
- border-color: transparent;
- color: #b7a2e0;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(183, 162, 224, 0.16);
- border-color: transparent;
- color: #b7a2e0;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #151515;
- background: #f19ea6;
- border: 1px solid #e97984;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #e97984;
- color: #151515;
- border-color: #f75965;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #ffd0d9;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #f75965;
- color: #151515;
- border-color: #fd464e;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f19ea6;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(241, 158, 166, 0.04);
- color: #f19ea6;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(241, 158, 166, 0.16);
- color: #f19ea6;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #f19ea6;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(241, 158, 166, 0.04);
- border-color: transparent;
- color: #f19ea6;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(241, 158, 166, 0.16);
- border-color: transparent;
- color: #f19ea6;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #20262e;
- background: #ffffff;
- border: 1px solid #ffffff;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #d2d4d5;
- color: #20262e;
- border-color: #d2d4d5;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #bcbec0;
- color: #20262e;
- border-color: #bcbec0;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #ffffff;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: transparent;
- color: #ffffff;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- border-color: transparent;
- color: #ffffff;
- }
-
- .p-button.p-button-link {
- color: #8dd0ff;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #56bdff;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #8dd0ff;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1.3rem;
- height: 1.3rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
-
- .p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #343e4d;
- color: #fff;
- outline-color: transparent;
- transition: color 0.15s, box-shadow 0.15s;
- }
- .p-speeddial-action:hover {
- background: #3f4b5b;
- color: #fff;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 4px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 4px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #3f4b5b;
- width: 2rem;
- height: 0.5rem;
- transition: color 0.15s, box-shadow 0.15s;
- border-radius: 0;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: rgba(255, 255, 255, 0.04);
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #8dd0ff;
- color: #151515;
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 1px 0 0 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.6);
- border: solid #3f4b5b;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #3f4b5b;
- border-width: 1px 0 2px 0;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- transition: box-shadow 0.15s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #3f4b5b;
- border-width: 1px 0 1px 0;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #151515;
- background: #8dd0ff;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #2a323d;
- color: #8dd0ff;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #8dd0ff;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(255, 255, 255, 0.04);
- color: #8dd0ff;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #8dd0ff;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem #e3f3fe;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.15s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #3f4b5b;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid #e3f3fe;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #8dd0ff;
- color: #151515;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid #e3f3fe;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #8dd0ff;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #8dd0ff;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-column-resizer-helper {
- background: #8dd0ff;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #2a323d;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #2f3641;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: #8dd0ff;
- color: #151515;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: #151515;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: #151515;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 1px 0 0 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.6);
- border: solid #3f4b5b;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #8dd0ff;
- color: #151515;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
-
- .p-column-filter-clear-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
-
- .p-column-filter-overlay {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- box-shadow: none;
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.5rem 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #151515;
- background: #8dd0ff;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e3f3fe;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 1.25rem;
- border-bottom: 1px solid #3f4b5b;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1.25rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1.25rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 1.25rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: #8dd0ff;
- }
- .p-orderlist .p-orderlist-header {
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem 1.25rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #3f4b5b;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1.5rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.15s, box-shadow 0.15s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #151515;
- background: #8dd0ff;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: #64bfff;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: rgba(255, 255, 255, 0.02);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.04);
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #8dd0ff;
- color: #151515;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #0e9bff;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #3f4b5b;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #3f4b5b;
- border-color: #3f4b5b;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #3f4b5b;
- border-color: #3f4b5b;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #3f4b5b;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.25rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #2a323d;
- color: #8dd0ff;
- border: solid #3f4b5b;
- border-width: 0;
- padding: 0.75rem;
- border-radius: 4px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 1px solid #3f4b5b;
- color: #8dd0ff;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0 0 0 -1px;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: #3f4b5b;
- color: #8dd0ff;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.357rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.357rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 1px solid #3f4b5b;
- color: #8dd0ff;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0 0 0 -1px;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 1px solid #3f4b5b;
- color: #8dd0ff;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0 0 0 -1px;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #8dd0ff;
- border-color: #8dd0ff;
- color: #151515;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: #3f4b5b;
- color: #8dd0ff;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 1.25rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- border-color: #8dd0ff;
- }
- .p-picklist .p-picklist-header {
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem 1.25rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #3f4b5b;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1.5rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.15s, box-shadow 0.15s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #151515;
- background: #8dd0ff;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: #64bfff;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: rgba(255, 255, 255, 0.02);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.04);
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #8dd0ff;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #3f4b5b;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #3f4b5b;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.25rem;
- border-radius: 4px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e3f3fe;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 4px;
- transition: box-shadow 0.15s;
- padding: 0.286rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #3f4b5b;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #8dd0ff;
- color: #151515;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #151515;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #151515;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 1px 0 0 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.6);
- border: solid #3f4b5b;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #3f4b5b;
- border-width: 1px 0 2px 0;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- transition: box-shadow 0.15s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #3f4b5b;
- border-width: 1px 0 1px 0;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- }
- .p-treetable .p-sortable-column {
- outline-color: #e3f3fe;
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #151515;
- background: #8dd0ff;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #2a323d;
- color: #8dd0ff;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #8dd0ff;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.15s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #3f4b5b;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid #e3f3fe;
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #8dd0ff;
- color: #151515;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #151515;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #151515;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-column-resizer-helper {
- background: #8dd0ff;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #2a323d;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1rem 1.25rem;
- border: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- border-radius: 4px;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #e3f3fe;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: rgba(255, 255, 255, 0.04);
- border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #2a323d;
- border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #3f4b5b;
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-accordion .p-accordion-content {
- padding: 1.25rem;
- border: 1px solid #3f4b5b;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-card {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
- border-radius: 4px;
- }
- .p-card .p-card-body {
- padding: 1.5rem;
- }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-card .p-card-content {
- padding: 1rem 0;
- }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #3f4b5b;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem 1.25rem;
- border: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- border-radius: 4px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: color 0.15s, box-shadow 0.15s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-fieldset .p-fieldset-content {
- padding: 1.25rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #2a323d;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #3f4b5b;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #3f4b5b;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #3f4b5b;
- padding: 1rem 1.25rem;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1.25rem;
- }
- .p-panel .p-panel-content {
- padding: 1.25rem;
- border: 1px solid #3f4b5b;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-panel .p-panel-footer {
- padding: 0.5rem 1.25rem;
- border: 1px solid #3f4b5b;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #3f4b5b;
- border: 0 none;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #3f4b5b;
- background: #2a323d;
- border-radius: 4px;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-splitter .p-splitter-gutter {
- transition: color 0.15s, box-shadow 0.15s;
- background: rgba(255, 255, 255, 0.04);
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #3f4b5b;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #3f4b5b;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: box-shadow 0.15s;
- border-radius: 4px;
- background: transparent;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-width: 2px;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 4px;
- transition: color 0.15s, box-shadow 0.15s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- font-weight: 600;
- transition: color 0.15s, box-shadow 0.15s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #8dd0ff;
- color: #151515;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #8dd0ff;
- }
- .p-stepper .p-stepper-panels {
- background: #2a323d;
- padding: 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-separator {
- background-color: #3f4b5b;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: box-shadow 0.15s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #8dd0ff;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: transparent;
- border: 1px solid #3f4b5b;
- border-width: 0 0 1px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid;
- border-width: 1px;
- border-color: #2a323d #2a323d #3f4b5b #2a323d;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.6);
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: box-shadow 0.15s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #e3f3fe;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #2a323d;
- border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #2a323d;
- border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #e3f3fe;
- }
- .p-tabview .p-tabview-panels {
- background: #2a323d;
- padding: 1.25rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- padding: 1rem 1.25rem;
- border-radius: 4px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- box-shadow: none;
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1.25rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1.25rem 1.25rem 1.25rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(42, 50, 61, 0);
- border-bottom-color: #2a323d;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(63, 75, 91, 0);
- border-bottom-color: #3c4756;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #2a323d;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #3f4b5b;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 4px;
- box-shadow: none;
- border: 1px solid #3f4b5b;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #3f4b5b;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 1px solid #3f4b5b;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- box-shadow: none;
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #8dd0ff;
- color: #151515;
- width: 2rem;
- height: 2rem;
- transition: color 0.15s, box-shadow 0.15s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #56bdff;
- color: #151515;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(42, 50, 61, 0);
- border-bottom-color: #2a323d;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(63, 75, 91, 0);
- border-bottom-color: #3c4756;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #2a323d;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #3f4b5b;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- box-shadow: none;
- }
- .p-sidebar .p-sidebar-header {
- padding: 1rem 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 1.25rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- padding: 0.5rem 0.75rem;
- box-shadow: none;
- border-radius: 4px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #3f4b5b;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #3f4b5b;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #3f4b5b;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #3f4b5b;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #2a323d;
- padding: 1rem 1.25rem;
- border: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-bottom: 0 none;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-fileupload .p-fileupload-content {
- background: #2a323d;
- padding: 2rem 1rem;
- border: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #8dd0ff;
- background-color: #8dd0ff;
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #56bdff;
- color: #151515;
- border-color: #56bdff;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #1dadff;
- color: #151515;
- border-color: #1dadff;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #343e4d;
- border: 0 none;
- border-radius: 4px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #8dd0ff;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #8dd0ff;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.5rem 0;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- box-shadow: none;
- border-radius: 4px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
- border-radius: 4px;
- }
- .p-contextmenu .p-menuitem {
- margin: 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: #20262e;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #20262e;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 4px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #e3f3fe;
- }
- .p-dock .p-dock-link {
- width: 4rem;
- height: 4rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem 1rem;
- background: #343e4d;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- border-radius: 4px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: #20262e;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #20262e;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-megamenu-panel {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- box-shadow: none;
- border-radius: 4px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.5rem 0;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.5rem 0;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.6);
- transition: box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 1rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem 1rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.5rem 0;
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.15s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.15s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.25rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.5rem 0;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: #20262e;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #20262e;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu.p-menu-overlay {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem 1rem;
- background: #343e4d;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- border-radius: 4px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.6);
- transition: box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 1rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem {
- margin: 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: #20262e;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #20262e;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-submenu-list {
- padding: 0.5rem 0;
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
- min-width: 12.5rem;
- border-radius: 4px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.5rem 0;
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.15s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.15s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.25rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.75rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.25rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 6.75rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 8.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- border-radius: 4px;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem 1.25rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #e3f3fe;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: rgba(255, 255, 255, 0.04);
- border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #2a323d;
- border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #3f4b5b;
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.5rem 0;
- border: 1px solid #3f4b5b;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: #20262e;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #20262e;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 4px;
- background: transparent;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 4px;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #8dd0ff;
- color: #151515;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #3f4b5b;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: transparent;
- border: 1px solid #3f4b5b;
- border-width: 0 0 1px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid;
- border-width: 1px;
- border-color: #2a323d #2a323d #3f4b5b #2a323d;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.6);
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: box-shadow 0.15s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #e3f3fe;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #2a323d;
- border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #2a323d;
- border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.5rem 0;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: #20262e;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #20262e;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.75rem;
- margin: 0;
- border-radius: 4px;
- }
- .p-inline-message.p-inline-message-info {
- background: #cce5ff;
- border: solid #b8daff;
- border-width: 0px;
- color: #004085;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #004085;
- }
- .p-inline-message.p-inline-message-success {
- background: #d4edda;
- border: solid #c3e6cb;
- border-width: 0px;
- color: #155724;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #155724;
- }
- .p-inline-message.p-inline-message-warn {
- background: #fff3cd;
- border: solid #ffeeba;
- border-width: 0px;
- color: #856404;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #856404;
- }
- .p-inline-message.p-inline-message-error {
- background: #f8d7da;
- border: solid #f5c6cb;
- border-width: 0px;
- color: #721c24;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #721c24;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 4px;
- }
- .p-message .p-message-wrapper {
- padding: 1rem 1.25rem;
- }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-message.p-message-info {
- background: #cce5ff;
- border: solid #b8daff;
- border-width: 1px;
- color: #004085;
- }
- .p-message.p-message-info .p-message-icon {
- color: #004085;
- }
- .p-message.p-message-info .p-message-close {
- color: #004085;
- }
- .p-message.p-message-success {
- background: #d4edda;
- border: solid #c3e6cb;
- border-width: 1px;
- color: #155724;
- }
- .p-message.p-message-success .p-message-icon {
- color: #155724;
- }
- .p-message.p-message-success .p-message-close {
- color: #155724;
- }
- .p-message.p-message-warn {
- background: #fff3cd;
- border: solid #ffeeba;
- border-width: 1px;
- color: #856404;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #856404;
- }
- .p-message.p-message-warn .p-message-close {
- color: #856404;
- }
- .p-message.p-message-error {
- background: #f8d7da;
- border: solid #f5c6cb;
- border-width: 1px;
- color: #721c24;
- }
- .p-message.p-message-error .p-message-icon {
- color: #721c24;
- }
- .p-message.p-message-error .p-message-close {
- color: #721c24;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
- border-radius: 4px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #cce5ff;
- border: solid #b8daff;
- border-width: 1px;
- color: #004085;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #004085;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #d4edda;
- border: solid #c3e6cb;
- border-width: 1px;
- color: #155724;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #155724;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #fff3cd;
- border: solid #ffeeba;
- border-width: 1px;
- color: #856404;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #856404;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #f8d7da;
- border: solid #f5c6cb;
- border-width: 1px;
- color: #721c24;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #721c24;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 4rem;
- height: 4rem;
- transition: color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 4rem;
- height: 4rem;
- transition: color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #7789a1;
- width: 1rem;
- height: 1rem;
- transition: color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #687c97;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #8dd0ff;
- color: #151515;
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #8dd0ff;
- color: #151515;
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2rem;
- height: 2rem;
- transition: color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #f8f9fa;
- transition: color 0.15s, box-shadow 0.15s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #f8f9fa;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #f8f9fa;
- background-color: rgba(255, 255, 255, 0.1);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #3f4b5b;
- border-radius: 4px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #2a323d;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #8dd0ff;
- color: #151515;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #6c757d;
- color: #ffffff;
- }
- .p-badge.p-badge-success {
- background-color: #9fdaa8;
- color: #151515;
- }
- .p-badge.p-badge-info {
- background-color: #7fd8e6;
- color: #151515;
- }
- .p-badge.p-badge-warning {
- background-color: #ffe082;
- color: #151515;
- }
- .p-badge.p-badge-danger {
- background-color: #f19ea6;
- color: #151515;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 4px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 4px;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #e3f3fe;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #3f4b5b;
- border-radius: 4px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #8dd0ff;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #8dd0ff;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 4px;
- border-top-right-radius: 4px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #3f4b5b;
- border-radius: 4px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #8dd0ff;
- }
- .p-progressbar .p-progressbar-label {
- color: #151515;
- line-height: 1.5rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #721c24;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #721c24;
- }
- 40% {
- stroke: #004085;
- }
- 66% {
- stroke: #155724;
- }
- 80%, 90% {
- stroke: #856404;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 4px;
- box-shadow: none;
- transition: color 0.15s, box-shadow 0.15s;
- }
- .p-scrolltop.p-link {
- background: #8dd0ff;
- }
- .p-scrolltop.p-link:hover {
- background: #56bdff;
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #151515;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 4px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #8dd0ff;
- color: #151515;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 4px;
- }
- .p-tag.p-tag-success {
- background-color: #9fdaa8;
- color: #151515;
- }
- .p-tag.p-tag-info {
- background-color: #7fd8e6;
- color: #151515;
- }
- .p-tag.p-tag-warning {
- background-color: #ffe082;
- color: #151515;
- }
- .p-tag.p-tag-danger {
- background-color: #f19ea6;
- color: #151515;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- padding: 1.25rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-/* Vendor extensions to the designer enhanced bootstrap compatibility */
-@layer primevue {
- .fc.fc-theme-standard .fc-highlight {
- background: #476880;
- }
-
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- background-color: #476880;
- }
-}
-/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css
deleted file mode 100644
index 9fb26d7..0000000
--- a/public/themes/bootstrap4-dark-purple/theme.css
+++ /dev/null
@@ -1,10722 +0,0 @@
-:root {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- --surface-a:#2a323d;
- --surface-b:#20262e;
- --surface-c:rgba(255, 255, 255, 0.04);
- --surface-d:#3f4b5b;
- --surface-e:#2a323d;
- --surface-f:#2a323d;
- --text-color:rgba(255, 255, 255, 0.87);
- --text-color-secondary:rgba(255, 255, 255, 0.6);
- --primary-color:#c298d8;
- --primary-color-text:#151515;
- --surface-0: #20262e;
- --surface-50: #363c43;
- --surface-100: #4d5158;
- --surface-200: #63676d;
- --surface-300: #797d82;
- --surface-400: #909397;
- --surface-500: #a6a8ab;
- --surface-600: #bcbec0;
- --surface-700: #d2d4d5;
- --surface-800: #e9e9ea;
- --surface-900: #ffffff;
- --gray-50:#e9e9ea;
- --gray-100: #d2d4d5;
- --gray-200: #bcbec0;
- --gray-300: #a6a8ab;
- --gray-400: #909397;
- --gray-500: #797d82;
- --gray-600: #63676d;
- --gray-700: #4d5158;
- --gray-800: #363c43;
- --gray-900: #20262e;
- --content-padding:1.25rem;
- --inline-spacing:0.5rem;
- --border-radius:4px;
- --surface-ground:#20262e;
- --surface-section:#20262e;
- --surface-card:#2a323d;
- --surface-overlay:#2a323d;
- --surface-border:#3f4b5b;
- --surface-hover:rgba(255,255,255,.04);
- --focus-ring: 0 0 0 1px #f0e6f5;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #c298d8;
- --highlight-text-color: #151515;
- color-scheme: dark;
-}
-
-:root {
- --blue-50:#f3f8ff;
- --blue-100:#c5dcff;
- --blue-200:#97c1fe;
- --blue-300:#69a5fe;
- --blue-400:#3b8afd;
- --blue-500:#0d6efd;
- --blue-600:#0b5ed7;
- --blue-700:#094db1;
- --blue-800:#073d8b;
- --blue-900:#052c65;
- --green-50:#f4f9f6;
- --green-100:#c8e2d6;
- --green-200:#9ccbb5;
- --green-300:#70b595;
- --green-400:#459e74;
- --green-500:#198754;
- --green-600:#157347;
- --green-700:#125f3b;
- --green-800:#0e4a2e;
- --green-900:#0a3622;
- --yellow-50:#fffcf3;
- --yellow-100:#fff0c3;
- --yellow-200:#ffe494;
- --yellow-300:#ffd965;
- --yellow-400:#ffcd36;
- --yellow-500:#ffc107;
- --yellow-600:#d9a406;
- --yellow-700:#b38705;
- --yellow-800:#8c6a04;
- --yellow-900:#664d03;
- --cyan-50:#f3fcfe;
- --cyan-100:#c5f2fb;
- --cyan-200:#97e8f9;
- --cyan-300:#69def6;
- --cyan-400:#3bd4f3;
- --cyan-500:#0dcaf0;
- --cyan-600:#0baccc;
- --cyan-700:#098da8;
- --cyan-800:#076f84;
- --cyan-900:#055160;
- --pink-50:#fdf5f9;
- --pink-100:#f5cee1;
- --pink-200:#eda7ca;
- --pink-300:#e681b3;
- --pink-400:#de5a9b;
- --pink-500:#d63384;
- --pink-600:#b62b70;
- --pink-700:#96245c;
- --pink-800:#761c49;
- --pink-900:#561435;
- --indigo-50:#f7f3fe;
- --indigo-100:#dac6fc;
- --indigo-200:#bd98f9;
- --indigo-300:#a06bf7;
- --indigo-400:#833df4;
- --indigo-500:#6610f2;
- --indigo-600:#570ece;
- --indigo-700:#470ba9;
- --indigo-800:#380985;
- --indigo-900:#290661;
- --teal-50:#f4fcfa;
- --teal-100:#c9f2e6;
- --teal-200:#9fe8d2;
- --teal-300:#75debf;
- --teal-400:#4ad3ab;
- --teal-500:#20c997;
- --teal-600:#1bab80;
- --teal-700:#168d6a;
- --teal-800:#126f53;
- --teal-900:#0d503c;
- --orange-50:#fff9f3;
- --orange-100:#ffe0c7;
- --orange-200:#fec89a;
- --orange-300:#feaf6d;
- --orange-400:#fd9741;
- --orange-500:#fd7e14;
- --orange-600:#d76b11;
- --orange-700:#b1580e;
- --orange-800:#8b450b;
- --orange-900:#653208;
- --bluegray-50:#f8f9fb;
- --bluegray-100:#e0e4ea;
- --bluegray-200:#c7ced9;
- --bluegray-300:#aeb9c8;
- --bluegray-400:#95a3b8;
- --bluegray-500:#7c8ea7;
- --bluegray-600:#69798e;
- --bluegray-700:#576375;
- --bluegray-800:#444e5c;
- --bluegray-900:#323943;
- --purple-50:#f8f6fc;
- --purple-100:#dcd2f0;
- --purple-200:#c1aee4;
- --purple-300:#a68ad9;
- --purple-400:#8a66cd;
- --purple-500:#6f42c1;
- --purple-600:#5e38a4;
- --purple-700:#4e2e87;
- --purple-800:#3d246a;
- --purple-900:#2c1a4d;
- --red-50:#fdf5f6;
- --red-100:#f7cfd2;
- --red-200:#f0a8af;
- --red-300:#e9828c;
- --red-400:#e35b68;
- --red-500:#dc3545;
- --red-600:#bb2d3b;
- --red-700:#9a2530;
- --red-800:#791d26;
- --red-900:#58151c;
- --primary-50:#fcfafd;
- --primary-100:#f0e6f6;
- --primary-200:#e5d3ee;
- --primary-300:#d9bfe7;
- --primary-400:#ceacdf;
- --primary-500:#c298d8;
- --primary-600:#a581b8;
- --primary-700:#886a97;
- --primary-800:#6b5477;
- --primary-900:#4e3d56;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #2a323d;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #3f4b5b;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
- border-radius: 4px;
- padding: 0.5rem 0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 1.5rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #3f4b5b;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #20262e;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #c298d8;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #c298d8;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #c298d8;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #c298d8;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.15s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.65;
- }
-
- .p-error {
- color: #f19ea6;
- }
-
- .p-text-secondary {
- color: rgba(255, 255, 255, 0.6);
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.107rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #3f4b5b;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: #c298d8;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- background: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #4c5866;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #f19ea6;
- }
-
- .p-autocomplete-panel {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- box-shadow: none;
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.5rem 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #151515;
- background: #c298d8;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: #b07acd;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #f19ea6;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: #c298d8;
- }
-
- .p-datepicker {
- padding: 0;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #2a323d;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #3f4b5b;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: rgba(255, 255, 255, 0.87);
- transition: color 0.15s, box-shadow 0.15s;
- font-weight: 600;
- padding: 0.5rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #c298d8;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0;
- }
- .p-datepicker table th {
- padding: 0.5rem;
- }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-datepicker table td {
- padding: 0.5rem;
- }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 4px;
- transition: box-shadow 0.15s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: #151515;
- background: #c298d8;
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: transparent;
- color: #c298d8;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #151515;
- background: #c298d8;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #3f4b5b;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #3f4b5b;
- padding: 0.5rem;
- }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #151515;
- background: #c298d8;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.5rem;
- transition: box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #151515;
- background: #c298d8;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #3f4b5b;
- padding-right: 0;
- padding-left: 0;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #20262e;
- border: 1px solid #3f4b5b;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #3f4b5b;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: #c298d8;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #3f4b5b;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #3f4b5b;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #3f4b5b;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #f19ea6;
- }
-
- .p-cascadeselect-panel {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- box-shadow: none;
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.5rem 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #151515;
- background: #c298d8;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: #b07acd;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1.5rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 20px;
- height: 20px;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #3f4b5b;
- background: #20262e;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.15s;
- color: #151515;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #c298d8;
- background: #c298d8;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #3f4b5b;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #9954bb;
- background: #9954bb;
- color: #151515;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: #c298d8;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #f19ea6;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #3f4b5b;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #c298d8;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #3f4b5b;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #9954bb;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #3f4b5b;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #c298d8;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #3f4b5b;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #9954bb;
- }
-
- .p-highlight .p-checkbox .p-checkbox-box {
- border-color: #151515;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #3f4b5b;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: #c298d8;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #4c5866;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #f19ea6;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 2rem;
- height: 2rem;
- }
-
- .p-colorpicker-panel {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: rgba(255, 255, 255, 0.87);
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: none;
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #20262e;
- border: 1px solid #3f4b5b;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #3f4b5b;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: #c298d8;
- }
- .p-dropdown.p-variant-filled {
- background: #3f4b5b;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #3f4b5b;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #3f4b5b;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 2.357rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #f19ea6;
- }
-
- .p-dropdown-panel {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- box-shadow: none;
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.5rem 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #151515;
- background: #c298d8;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: #b07acd;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.6);
- border-top: 1px solid #3f4b5b;
- border-left: 1px solid #3f4b5b;
- border-bottom: 1px solid #3f4b5b;
- padding: 0.5rem 0.75rem;
- min-width: 2.357rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #3f4b5b;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #f19ea6;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #3f4b5b;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #3f4b5b;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #3f4b5b;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 3rem;
- height: 1.75rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 4px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #3f4b5b;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.6);
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 4px;
- transition-duration: 0.15s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #c298d8;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #151515;
- transform: translateX(1.25rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #3f4b5b;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #c298d8;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #f19ea6;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #20262e;
- padding: 0.5rem 0.75rem;
- border: 1px solid #3f4b5b;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- appearance: none;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #3f4b5b;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: #c298d8;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #f19ea6;
- }
- .p-inputtext.p-variant-filled {
- background-color: #3f4b5b;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #3f4b5b;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #3f4b5b;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- transition-duration: 0.15s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #f19ea6;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- :-moz-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- ::-moz-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- :-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-filled .p-inputtext {
- background-color: #3f4b5b;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #3f4b5b;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #3f4b5b;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-listbox .p-listbox-list {
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #151515;
- background: #c298d8;
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: #b07acd;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: #c298d8;
- }
- .p-listbox.p-invalid {
- border-color: #f19ea6;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #20262e;
- border: 1px solid #3f4b5b;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #3f4b5b;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: #c298d8;
- }
- .p-multiselect.p-variant-filled {
- background: #3f4b5b;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #3f4b5b;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #3f4b5b;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #f19ea6;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- box-shadow: none;
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.5rem 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #151515;
- background: #c298d8;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: #b07acd;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #f19ea6;
- }
-
- .p-password-panel {
- padding: 1.25rem;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- box-shadow: none;
- border-radius: 4px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #3f4b5b;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #f19ea6;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffe082;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #9fdaa8;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 20px;
- height: 20px;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #3f4b5b;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #3f4b5b;
- background: #20262e;
- width: 20px;
- height: 20px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 50%;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.15s;
- background-color: #151515;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #c298d8;
- background: #c298d8;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #3f4b5b;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #9954bb;
- background: #9954bb;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #151515;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: #c298d8;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #f19ea6;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #3f4b5b;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #c298d8;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #3f4b5b;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #9954bb;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #3f4b5b;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #c298d8;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #3f4b5b;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #9954bb;
- }
-
- .p-highlight .p-radiobutton .p-radiobutton-box {
- border-color: #151515;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- font-size: 1.143rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1.143rem;
- height: 1.143rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f19ea6;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #c298d8;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #c298d8;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #f19ea6;
- }
-
- .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #151515;
- }
-
- .p-selectbutton .p-button {
- background: #6c757d;
- border: 1px solid #6c757d;
- color: #ffffff;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #5a6268;
- border-color: #545b62;
- color: #ffffff;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #f19ea6;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #3f4b5b;
- border: 0 none;
- border-radius: 4px;
- }
- .p-slider.p-slider-horizontal {
- height: 0.286rem;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem;
- }
- .p-slider.p-slider-vertical {
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem;
- }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #c298d8;
- border: 2px solid #c298d8;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-slider .p-slider-range {
- background: #c298d8;
- border-radius: 4px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #aa70c7;
- border-color: #aa70c7;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #20262e;
- border: 1px solid #3f4b5b;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #3f4b5b;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: #c298d8;
- }
- .p-treeselect.p-variant-filled {
- background: #3f4b5b;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #3f4b5b;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #3f4b5b;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #f19ea6;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- box-shadow: none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 1.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #3f4b5b;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #3f4b5b;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #3f4b5b;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #6c757d;
- border-radius: 4px;
- }
- .p-togglebutton .p-button {
- background: #6c757d;
- border: 1px solid #6c757d;
- color: #ffffff;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #5a6268;
- border-color: #545b62;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: #c298d8;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #f19ea6;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #151515;
- background: #c298d8;
- border: 1px solid #c298d8;
- padding: 0.5rem 0.75rem;
- font-size: 1rem;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #aa70c7;
- color: #151515;
- border-color: #aa70c7;
- }
- .p-button:not(:disabled):active {
- background: #9954bb;
- color: #151515;
- border-color: #9954bb;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #c298d8;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(194, 152, 216, 0.04);
- color: #c298d8;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(194, 152, 216, 0.16);
- color: #c298d8;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- border-color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #c298d8;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(194, 152, 216, 0.04);
- color: #c298d8;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(194, 152, 216, 0.16);
- color: #c298d8;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-button .p-button-label {
- transition-duration: 0.15s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #c298d8;
- background-color: #151515;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.357rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #ffffff;
- background: #6c757d;
- border: 1px solid #6c757d;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #5a6268;
- color: #ffffff;
- border-color: #5a6268;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px rgba(130, 138, 145, 0.5);
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #545b62;
- color: #ffffff;
- border-color: #4e555b;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #6c757d;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(108, 117, 125, 0.04);
- color: #6c757d;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(108, 117, 125, 0.16);
- color: #6c757d;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #6c757d;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(108, 117, 125, 0.04);
- border-color: transparent;
- color: #6c757d;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(108, 117, 125, 0.16);
- border-color: transparent;
- color: #6c757d;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #151515;
- background: #7fd8e6;
- border: 1px solid #4cc8db;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #4cc8db;
- color: #151515;
- border-color: #26bdd3;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #b1e8f0;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #26bdd3;
- color: #151515;
- border-color: #00b2cc;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #7fd8e6;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(127, 216, 230, 0.04);
- color: #7fd8e6;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(127, 216, 230, 0.16);
- color: #7fd8e6;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #7fd8e6;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(127, 216, 230, 0.04);
- border-color: transparent;
- color: #7fd8e6;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(127, 216, 230, 0.16);
- border-color: transparent;
- color: #7fd8e6;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #151515;
- background: #9fdaa8;
- border: 1px solid #78cc86;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #78cc86;
- color: #151515;
- border-color: #5ac06c;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #c5e8ca;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #5ac06c;
- color: #151515;
- border-color: #3cb553;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #9fdaa8;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(159, 218, 168, 0.04);
- color: #9fdaa8;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(159, 218, 168, 0.16);
- color: #9fdaa8;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #9fdaa8;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(159, 218, 168, 0.04);
- border-color: transparent;
- color: #9fdaa8;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(159, 218, 168, 0.16);
- border-color: transparent;
- color: #9fdaa8;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #151515;
- background: #ffe082;
- border: 1px solid #ffd54f;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ffd54f;
- color: #151515;
- border-color: #ffca28;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #ffecb3;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #ffca28;
- color: #151515;
- border-color: #ffc107;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffe082;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 224, 130, 0.04);
- color: #ffe082;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 224, 130, 0.16);
- color: #ffe082;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #ffe082;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 224, 130, 0.04);
- border-color: transparent;
- color: #ffe082;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 224, 130, 0.16);
- border-color: transparent;
- color: #ffe082;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #151515;
- background: #b7a2e0;
- border: 1px solid #9a7cd4;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #9a7cd4;
- color: #151515;
- border-color: #845fca;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #d3c7ec;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #845fca;
- color: #151515;
- border-color: #6d43c0;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #b7a2e0;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(183, 162, 224, 0.04);
- color: #b7a2e0;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(183, 162, 224, 0.16);
- color: #b7a2e0;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #b7a2e0;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(183, 162, 224, 0.04);
- border-color: transparent;
- color: #b7a2e0;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(183, 162, 224, 0.16);
- border-color: transparent;
- color: #b7a2e0;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #151515;
- background: #f19ea6;
- border: 1px solid #e97984;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #e97984;
- color: #151515;
- border-color: #f75965;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #ffd0d9;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #f75965;
- color: #151515;
- border-color: #fd464e;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f19ea6;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(241, 158, 166, 0.04);
- color: #f19ea6;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(241, 158, 166, 0.16);
- color: #f19ea6;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #f19ea6;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(241, 158, 166, 0.04);
- border-color: transparent;
- color: #f19ea6;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(241, 158, 166, 0.16);
- border-color: transparent;
- color: #f19ea6;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #20262e;
- background: #ffffff;
- border: 1px solid #ffffff;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #d2d4d5;
- color: #20262e;
- border-color: #d2d4d5;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #bcbec0;
- color: #20262e;
- border-color: #bcbec0;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #ffffff;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: transparent;
- color: #ffffff;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- border-color: transparent;
- color: #ffffff;
- }
-
- .p-button.p-button-link {
- color: #c298d8;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #aa70c7;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #c298d8;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1.3rem;
- height: 1.3rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
-
- .p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #343e4d;
- color: #fff;
- outline-color: transparent;
- transition: color 0.15s, box-shadow 0.15s;
- }
- .p-speeddial-action:hover {
- background: #3f4b5b;
- color: #fff;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 4px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 4px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #3f4b5b;
- width: 2rem;
- height: 0.5rem;
- transition: color 0.15s, box-shadow 0.15s;
- border-radius: 0;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: rgba(255, 255, 255, 0.04);
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #c298d8;
- color: #151515;
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 1px 0 0 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.6);
- border: solid #3f4b5b;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #3f4b5b;
- border-width: 1px 0 2px 0;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- transition: box-shadow 0.15s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #3f4b5b;
- border-width: 1px 0 1px 0;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #151515;
- background: #c298d8;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #2a323d;
- color: #c298d8;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #c298d8;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(255, 255, 255, 0.04);
- color: #c298d8;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #c298d8;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem #f0e6f5;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.15s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #3f4b5b;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid #f0e6f5;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #c298d8;
- color: #151515;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid #f0e6f5;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #c298d8;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #c298d8;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-column-resizer-helper {
- background: #c298d8;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #2a323d;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #2f3641;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: #c298d8;
- color: #151515;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: #151515;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: #151515;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 1px 0 0 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.6);
- border: solid #3f4b5b;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #c298d8;
- color: #151515;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
-
- .p-column-filter-clear-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
-
- .p-column-filter-overlay {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- box-shadow: none;
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.5rem 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #151515;
- background: #c298d8;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #f0e6f5;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 1.25rem;
- border-bottom: 1px solid #3f4b5b;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1.25rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1.25rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 1.25rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: #c298d8;
- }
- .p-orderlist .p-orderlist-header {
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem 1.25rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #3f4b5b;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1.5rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.15s, box-shadow 0.15s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #151515;
- background: #c298d8;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: #b07acd;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: rgba(255, 255, 255, 0.02);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.04);
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #c298d8;
- color: #151515;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #8942ae;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #3f4b5b;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #3f4b5b;
- border-color: #3f4b5b;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #3f4b5b;
- border-color: #3f4b5b;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #3f4b5b;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.25rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #2a323d;
- color: #c298d8;
- border: solid #3f4b5b;
- border-width: 0;
- padding: 0.75rem;
- border-radius: 4px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 1px solid #3f4b5b;
- color: #c298d8;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0 0 0 -1px;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: #3f4b5b;
- color: #c298d8;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.357rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.357rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 1px solid #3f4b5b;
- color: #c298d8;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0 0 0 -1px;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 1px solid #3f4b5b;
- color: #c298d8;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0 0 0 -1px;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #c298d8;
- border-color: #c298d8;
- color: #151515;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: #3f4b5b;
- color: #c298d8;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 1.25rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- border-color: #c298d8;
- }
- .p-picklist .p-picklist-header {
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem 1.25rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #3f4b5b;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1.5rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.15s, box-shadow 0.15s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #151515;
- background: #c298d8;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: #b07acd;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: rgba(255, 255, 255, 0.02);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.04);
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #c298d8;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #3f4b5b;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #3f4b5b;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.25rem;
- border-radius: 4px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #f0e6f5;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 4px;
- transition: box-shadow 0.15s;
- padding: 0.286rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #3f4b5b;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #c298d8;
- color: #151515;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #151515;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #151515;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 1px 0 0 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.6);
- border: solid #3f4b5b;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #3f4b5b;
- border-width: 1px 0 2px 0;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- transition: box-shadow 0.15s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #3f4b5b;
- border-width: 1px 0 1px 0;
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- }
- .p-treetable .p-sortable-column {
- outline-color: #f0e6f5;
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #151515;
- background: #c298d8;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #2a323d;
- color: #c298d8;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #c298d8;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.15s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #3f4b5b;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid #f0e6f5;
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #c298d8;
- color: #151515;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #151515;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #151515;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-column-resizer-helper {
- background: #c298d8;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #2a323d;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1rem 1.25rem;
- border: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- border-radius: 4px;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #f0e6f5;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: rgba(255, 255, 255, 0.04);
- border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #2a323d;
- border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #3f4b5b;
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-accordion .p-accordion-content {
- padding: 1.25rem;
- border: 1px solid #3f4b5b;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-card {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
- border-radius: 4px;
- }
- .p-card .p-card-body {
- padding: 1.5rem;
- }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-card .p-card-content {
- padding: 1rem 0;
- }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #3f4b5b;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem 1.25rem;
- border: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- border-radius: 4px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: color 0.15s, box-shadow 0.15s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 4px;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-fieldset .p-fieldset-content {
- padding: 1.25rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #2a323d;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #3f4b5b;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #3f4b5b;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #3f4b5b;
- padding: 1rem 1.25rem;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1.25rem;
- }
- .p-panel .p-panel-content {
- padding: 1.25rem;
- border: 1px solid #3f4b5b;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-panel .p-panel-footer {
- padding: 0.5rem 1.25rem;
- border: 1px solid #3f4b5b;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #3f4b5b;
- border: 0 none;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #3f4b5b;
- background: #2a323d;
- border-radius: 4px;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-splitter .p-splitter-gutter {
- transition: color 0.15s, box-shadow 0.15s;
- background: rgba(255, 255, 255, 0.04);
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #3f4b5b;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #3f4b5b;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: box-shadow 0.15s;
- border-radius: 4px;
- background: transparent;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-width: 2px;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 4px;
- transition: color 0.15s, box-shadow 0.15s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- font-weight: 600;
- transition: color 0.15s, box-shadow 0.15s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #c298d8;
- color: #151515;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #c298d8;
- }
- .p-stepper .p-stepper-panels {
- background: #2a323d;
- padding: 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-separator {
- background-color: #3f4b5b;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: box-shadow 0.15s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #c298d8;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: transparent;
- border: 1px solid #3f4b5b;
- border-width: 0 0 1px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid;
- border-width: 1px;
- border-color: #2a323d #2a323d #3f4b5b #2a323d;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.6);
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: box-shadow 0.15s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #f0e6f5;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #2a323d;
- border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #2a323d;
- border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.6);
- width: 2.357rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #f0e6f5;
- }
- .p-tabview .p-tabview-panels {
- background: #2a323d;
- padding: 1.25rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- padding: 1rem 1.25rem;
- border-radius: 4px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- box-shadow: none;
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1.25rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1.25rem 1.25rem 1.25rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(42, 50, 61, 0);
- border-bottom-color: #2a323d;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(63, 75, 91, 0);
- border-bottom-color: #3c4756;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #2a323d;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #3f4b5b;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 4px;
- box-shadow: none;
- border: 1px solid #3f4b5b;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #3f4b5b;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 1px solid #3f4b5b;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- box-shadow: none;
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #c298d8;
- color: #151515;
- width: 2rem;
- height: 2rem;
- transition: color 0.15s, box-shadow 0.15s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #aa70c7;
- color: #151515;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(42, 50, 61, 0);
- border-bottom-color: #2a323d;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(63, 75, 91, 0);
- border-bottom-color: #3c4756;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #2a323d;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #3f4b5b;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- box-shadow: none;
- }
- .p-sidebar .p-sidebar-header {
- padding: 1rem 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 1.25rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- padding: 0.5rem 0.75rem;
- box-shadow: none;
- border-radius: 4px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #3f4b5b;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #3f4b5b;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #3f4b5b;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #3f4b5b;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #2a323d;
- padding: 1rem 1.25rem;
- border: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-bottom: 0 none;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-fileupload .p-fileupload-content {
- background: #2a323d;
- padding: 2rem 1rem;
- border: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #c298d8;
- background-color: #c298d8;
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #aa70c7;
- color: #151515;
- border-color: #aa70c7;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #9954bb;
- color: #151515;
- border-color: #9954bb;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #343e4d;
- border: 0 none;
- border-radius: 4px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #c298d8;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #c298d8;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.5rem 0;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- box-shadow: none;
- border-radius: 4px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
- border-radius: 4px;
- }
- .p-contextmenu .p-menuitem {
- margin: 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: #20262e;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #20262e;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 4px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #f0e6f5;
- }
- .p-dock .p-dock-link {
- width: 4rem;
- height: 4rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem 1rem;
- background: #343e4d;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- border-radius: 4px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: #20262e;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #20262e;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-megamenu-panel {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- box-shadow: none;
- border-radius: 4px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.5rem 0;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.5rem 0;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.6);
- transition: box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 1rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem 1rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.5rem 0;
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.15s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.15s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.25rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.5rem 0;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: #20262e;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #20262e;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu.p-menu-overlay {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem 1rem;
- background: #343e4d;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- border-radius: 4px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.6);
- transition: box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 1rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem {
- margin: 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: #20262e;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #20262e;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-submenu-list {
- padding: 0.5rem 0;
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
- min-width: 12.5rem;
- border-radius: 4px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.5rem 0;
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.15s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.15s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.25rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.75rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.25rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 6.75rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 8.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 1px solid #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- background: #2a323d;
- border-radius: 4px;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: rgba(255, 255, 255, 0.87);
- padding: 1rem 1.25rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #f0e6f5;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: rgba(255, 255, 255, 0.04);
- border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #2a323d;
- border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #3f4b5b;
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.5rem 0;
- border: 1px solid #3f4b5b;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: #20262e;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #20262e;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 4px;
- background: transparent;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 4px;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #c298d8;
- color: #151515;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 600;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #3f4b5b;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: transparent;
- border: 1px solid #3f4b5b;
- border-width: 0 0 1px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid;
- border-width: 1px;
- border-color: #2a323d #2a323d #3f4b5b #2a323d;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.6);
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: box-shadow 0.15s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #f0e6f5;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #2a323d;
- border-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #2a323d;
- border-color: #3f4b5b #3f4b5b #2a323d #3f4b5b;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.5rem 0;
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- border-radius: 4px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #2a323d;
- border: 1px solid #3f4b5b;
- box-shadow: none;
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: #20262e;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #20262e;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.04);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #3f4b5b;
- margin: 0.5rem 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.75rem;
- margin: 0;
- border-radius: 4px;
- }
- .p-inline-message.p-inline-message-info {
- background: #cce5ff;
- border: solid #b8daff;
- border-width: 0px;
- color: #004085;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #004085;
- }
- .p-inline-message.p-inline-message-success {
- background: #d4edda;
- border: solid #c3e6cb;
- border-width: 0px;
- color: #155724;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #155724;
- }
- .p-inline-message.p-inline-message-warn {
- background: #fff3cd;
- border: solid #ffeeba;
- border-width: 0px;
- color: #856404;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #856404;
- }
- .p-inline-message.p-inline-message-error {
- background: #f8d7da;
- border: solid #f5c6cb;
- border-width: 0px;
- color: #721c24;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #721c24;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 4px;
- }
- .p-message .p-message-wrapper {
- padding: 1rem 1.25rem;
- }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-message.p-message-info {
- background: #cce5ff;
- border: solid #b8daff;
- border-width: 1px;
- color: #004085;
- }
- .p-message.p-message-info .p-message-icon {
- color: #004085;
- }
- .p-message.p-message-info .p-message-close {
- color: #004085;
- }
- .p-message.p-message-success {
- background: #d4edda;
- border: solid #c3e6cb;
- border-width: 1px;
- color: #155724;
- }
- .p-message.p-message-success .p-message-icon {
- color: #155724;
- }
- .p-message.p-message-success .p-message-close {
- color: #155724;
- }
- .p-message.p-message-warn {
- background: #fff3cd;
- border: solid #ffeeba;
- border-width: 1px;
- color: #856404;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #856404;
- }
- .p-message.p-message-warn .p-message-close {
- color: #856404;
- }
- .p-message.p-message-error {
- background: #f8d7da;
- border: solid #f5c6cb;
- border-width: 1px;
- color: #721c24;
- }
- .p-message.p-message-error .p-message-icon {
- color: #721c24;
- }
- .p-message.p-message-error .p-message-close {
- color: #721c24;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
- border-radius: 4px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #cce5ff;
- border: solid #b8daff;
- border-width: 1px;
- color: #004085;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #004085;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #d4edda;
- border: solid #c3e6cb;
- border-width: 1px;
- color: #155724;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #155724;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #fff3cd;
- border: solid #ffeeba;
- border-width: 1px;
- color: #856404;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #856404;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #f8d7da;
- border: solid #f5c6cb;
- border-width: 1px;
- color: #721c24;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #721c24;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 4rem;
- height: 4rem;
- transition: color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 4rem;
- height: 4rem;
- transition: color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: rgba(255, 255, 255, 0.6);
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #7789a1;
- width: 1rem;
- height: 1rem;
- transition: color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #687c97;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #c298d8;
- color: #151515;
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #c298d8;
- color: #151515;
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 2rem;
- height: 2rem;
- transition: color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #f8f9fa;
- transition: color 0.15s, box-shadow 0.15s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #f8f9fa;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: color 0.15s, box-shadow 0.15s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #f8f9fa;
- background-color: rgba(255, 255, 255, 0.1);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #3f4b5b;
- border-radius: 4px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #2a323d;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #c298d8;
- color: #151515;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #6c757d;
- color: #ffffff;
- }
- .p-badge.p-badge-success {
- background-color: #9fdaa8;
- color: #151515;
- }
- .p-badge.p-badge-info {
- background-color: #7fd8e6;
- color: #151515;
- }
- .p-badge.p-badge-warning {
- background-color: #ffe082;
- color: #151515;
- }
- .p-badge.p-badge-danger {
- background-color: #f19ea6;
- color: #151515;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 4px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #3f4b5b;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 4px;
- transition: color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 1px #f0e6f5;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #3f4b5b;
- border-radius: 4px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #c298d8;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #c298d8;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 4px;
- border-top-right-radius: 4px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #3f4b5b;
- border-radius: 4px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #c298d8;
- }
- .p-progressbar .p-progressbar-label {
- color: #151515;
- line-height: 1.5rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #721c24;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #721c24;
- }
- 40% {
- stroke: #004085;
- }
- 66% {
- stroke: #155724;
- }
- 80%, 90% {
- stroke: #856404;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 4px;
- box-shadow: none;
- transition: color 0.15s, box-shadow 0.15s;
- }
- .p-scrolltop.p-link {
- background: #c298d8;
- }
- .p-scrolltop.p-link:hover {
- background: #aa70c7;
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #151515;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 4px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #c298d8;
- color: #151515;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 4px;
- }
- .p-tag.p-tag-success {
- background-color: #9fdaa8;
- color: #151515;
- }
- .p-tag.p-tag-info {
- background-color: #7fd8e6;
- color: #151515;
- }
- .p-tag.p-tag-warning {
- background-color: #ffe082;
- color: #151515;
- }
- .p-tag.p-tag-danger {
- background-color: #f19ea6;
- color: #151515;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #2a323d;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #3f4b5b;
- padding: 1.25rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-/* Vendor extensions to the designer enhanced bootstrap compatibility */
-@layer primevue {
- .fc.fc-theme-standard .fc-highlight {
- background: #614c6c;
- }
-
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- background-color: #614c6c;
- }
-}
-/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css
deleted file mode 100644
index 9b9e477..0000000
--- a/public/themes/bootstrap4-light-blue/theme.css
+++ /dev/null
@@ -1,10722 +0,0 @@
-:root {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- --surface-a:#ffffff;
- --surface-b:#efefef;
- --surface-c:#e9ecef;
- --surface-d:#dee2e6;
- --surface-e:#ffffff;
- --surface-f:#ffffff;
- --text-color:#212529;
- --text-color-secondary:#6c757d;
- --primary-color:#007bff;
- --primary-color-text:#ffffff;
- --surface-0: #ffffff;
- --surface-50: #f9fafb;
- --surface-100: #f8f9fa;
- --surface-200: #e9ecef;
- --surface-300: #dee2e6;
- --surface-400: #ced4da;
- --surface-500: #adb5bd;
- --surface-600: #6c757d;
- --surface-700: #495057;
- --surface-800: #343a40;
- --surface-900: #212529;
- --gray-50: #f9fafb;
- --gray-100: #f8f9fa;
- --gray-200: #e9ecef;
- --gray-300: #dee2e6;
- --gray-400: #ced4da;
- --gray-500: #adb5bd;
- --gray-600: #6c757d;
- --gray-700: #495057;
- --gray-800: #343a40;
- --gray-900: #212529;
- --content-padding:1.25rem;
- --inline-spacing:0.5rem;
- --border-radius:4px;
- --surface-ground:#efefef;
- --surface-section:#ffffff;
- --surface-card:#ffffff;
- --surface-overlay:#ffffff;
- --surface-border:#dee2e6;
- --surface-hover:#e9ecef;
- --focus-ring: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #007bff;
- --highlight-text-color: #ffffff;
- color-scheme: light;
-}
-
-:root {
- --blue-50:#f3f8ff;
- --blue-100:#c5dcff;
- --blue-200:#97c1fe;
- --blue-300:#69a5fe;
- --blue-400:#3b8afd;
- --blue-500:#0d6efd;
- --blue-600:#0b5ed7;
- --blue-700:#094db1;
- --blue-800:#073d8b;
- --blue-900:#052c65;
- --green-50:#f4f9f6;
- --green-100:#c8e2d6;
- --green-200:#9ccbb5;
- --green-300:#70b595;
- --green-400:#459e74;
- --green-500:#198754;
- --green-600:#157347;
- --green-700:#125f3b;
- --green-800:#0e4a2e;
- --green-900:#0a3622;
- --yellow-50:#fffcf3;
- --yellow-100:#fff0c3;
- --yellow-200:#ffe494;
- --yellow-300:#ffd965;
- --yellow-400:#ffcd36;
- --yellow-500:#ffc107;
- --yellow-600:#d9a406;
- --yellow-700:#b38705;
- --yellow-800:#8c6a04;
- --yellow-900:#664d03;
- --cyan-50:#f3fcfe;
- --cyan-100:#c5f2fb;
- --cyan-200:#97e8f9;
- --cyan-300:#69def6;
- --cyan-400:#3bd4f3;
- --cyan-500:#0dcaf0;
- --cyan-600:#0baccc;
- --cyan-700:#098da8;
- --cyan-800:#076f84;
- --cyan-900:#055160;
- --pink-50:#fdf5f9;
- --pink-100:#f5cee1;
- --pink-200:#eda7ca;
- --pink-300:#e681b3;
- --pink-400:#de5a9b;
- --pink-500:#d63384;
- --pink-600:#b62b70;
- --pink-700:#96245c;
- --pink-800:#761c49;
- --pink-900:#561435;
- --indigo-50:#f7f3fe;
- --indigo-100:#dac6fc;
- --indigo-200:#bd98f9;
- --indigo-300:#a06bf7;
- --indigo-400:#833df4;
- --indigo-500:#6610f2;
- --indigo-600:#570ece;
- --indigo-700:#470ba9;
- --indigo-800:#380985;
- --indigo-900:#290661;
- --teal-50:#f4fcfa;
- --teal-100:#c9f2e6;
- --teal-200:#9fe8d2;
- --teal-300:#75debf;
- --teal-400:#4ad3ab;
- --teal-500:#20c997;
- --teal-600:#1bab80;
- --teal-700:#168d6a;
- --teal-800:#126f53;
- --teal-900:#0d503c;
- --orange-50:#fff9f3;
- --orange-100:#ffe0c7;
- --orange-200:#fec89a;
- --orange-300:#feaf6d;
- --orange-400:#fd9741;
- --orange-500:#fd7e14;
- --orange-600:#d76b11;
- --orange-700:#b1580e;
- --orange-800:#8b450b;
- --orange-900:#653208;
- --bluegray-50:#f8f9fb;
- --bluegray-100:#e0e4ea;
- --bluegray-200:#c7ced9;
- --bluegray-300:#aeb9c8;
- --bluegray-400:#95a3b8;
- --bluegray-500:#7c8ea7;
- --bluegray-600:#69798e;
- --bluegray-700:#576375;
- --bluegray-800:#444e5c;
- --bluegray-900:#323943;
- --purple-50:#f8f6fc;
- --purple-100:#dcd2f0;
- --purple-200:#c1aee4;
- --purple-300:#a68ad9;
- --purple-400:#8a66cd;
- --purple-500:#6f42c1;
- --purple-600:#5e38a4;
- --purple-700:#4e2e87;
- --purple-800:#3d246a;
- --purple-900:#2c1a4d;
- --red-50:#fdf5f6;
- --red-100:#f7cfd2;
- --red-200:#f0a8af;
- --red-300:#e9828c;
- --red-400:#e35b68;
- --red-500:#dc3545;
- --red-600:#bb2d3b;
- --red-700:#9a2530;
- --red-800:#791d26;
- --red-900:#58151c;
- --primary-50:#f2f8ff;
- --primary-100:#c2dfff;
- --primary-200:#91c6ff;
- --primary-300:#61adff;
- --primary-400:#3094ff;
- --primary-500:#007bff;
- --primary-600:#0069d9;
- --primary-700:#0056b3;
- --primary-800:#00448c;
- --primary-900:#003166;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #efefef;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #dee2e6;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #6c757d;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #6c757d;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #6c757d;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #212529;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #212529;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #212529;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #212529;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #212529;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #212529;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- border-radius: 4px;
- padding: 0.5rem 0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #212529;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #212529;
- background: #e9ecef;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 1.5rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #dee2e6;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #495057;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #212529;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #212529;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #212529;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #007bff;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #007bff;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #007bff;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #007bff;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.15s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.65;
- }
-
- .p-error {
- color: #dc3545;
- }
-
- .p-text-secondary {
- color: #6c757d;
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.107rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #ced4da;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: #007bff;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #212529;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- background: #dee2e6;
- color: #212529;
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #ced4da;
- color: #212529;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #dc3545;
- }
-
- .p-autocomplete-panel {
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 4px;
- box-shadow: none;
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.5rem 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #ffffff;
- background: #007bff;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: #0067d6;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #212529;
- background: #e9ecef;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #dc3545;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: #007bff;
- }
-
- .p-datepicker {
- padding: 0;
- background: #ffffff;
- color: #212529;
- border: 1px solid #ced4da;
- border-radius: 4px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #efefef;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #dee2e6;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: #212529;
- transition: box-shadow 0.15s;
- font-weight: 600;
- padding: 0.5rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #007bff;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0;
- }
- .p-datepicker table th {
- padding: 0.5rem;
- }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-datepicker table td {
- padding: 0.5rem;
- }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 4px;
- transition: box-shadow 0.15s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: #ffffff;
- background: #007bff;
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #ced4da;
- color: #212529;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #ffffff;
- background: #007bff;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #dee2e6;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #dee2e6;
- padding: 0.5rem;
- }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #ffffff;
- background: #007bff;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.5rem;
- transition: box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #ffffff;
- background: #007bff;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #dee2e6;
- padding-right: 0;
- padding-left: 0;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #e9ecef;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: #e9ecef;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: #e9ecef;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #ffffff;
- border: 1px solid #ced4da;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #ced4da;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: #007bff;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #efefef;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #efefef;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #efefef;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #6c757d;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #495057;
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #dc3545;
- }
-
- .p-cascadeselect-panel {
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 4px;
- box-shadow: none;
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.5rem 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #ffffff;
- background: #007bff;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: #0067d6;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #212529;
- background: #e9ecef;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1.5rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 20px;
- height: 20px;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 2px solid #ced4da;
- border-radius: 4px;
- }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #ced4da;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #212529;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.15s;
- color: #ffffff;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #007bff;
- background: #007bff;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #ced4da;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #0062cc;
- background: #0062cc;
- color: #ffffff;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: #007bff;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #dc3545;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #efefef;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #007bff;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #efefef;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #0062cc;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #efefef;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #007bff;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #efefef;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #0062cc;
- }
-
- .p-highlight .p-checkbox .p-checkbox-box {
- border-color: #ffffff;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #ced4da;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: #007bff;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #212529;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #ced4da;
- color: #212529;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #212529;
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #dc3545;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 2rem;
- height: 2rem;
- }
-
- .p-colorpicker-panel {
- background: #212529;
- border: 1px solid #212529;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff;
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: none;
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #ffffff;
- border: 1px solid #ced4da;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #ced4da;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: #007bff;
- }
- .p-dropdown.p-variant-filled {
- background: #efefef;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #efefef;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #efefef;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #6c757d;
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #495057;
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #495057;
- right: 2.357rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #dc3545;
- }
-
- .p-dropdown-panel {
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 4px;
- box-shadow: none;
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #dee2e6;
- color: #212529;
- background: #efefef;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: #495057;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.5rem 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #ffffff;
- background: #007bff;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: #0067d6;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #212529;
- background: #e9ecef;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1.5rem;
- color: #212529;
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #e9ecef;
- color: #495057;
- border-top: 1px solid #ced4da;
- border-left: 1px solid #ced4da;
- border-bottom: 1px solid #ced4da;
- padding: 0.5rem 0.75rem;
- min-width: 2.357rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #ced4da;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: #495057;
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: #495057;
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #dc3545;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #efefef;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #efefef;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #efefef;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 3rem;
- height: 1.75rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 4px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #ced4da;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 4px;
- transition-duration: 0.15s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #007bff;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #ffffff;
- transform: translateX(1.25rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #ced4da;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #007bff;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #dc3545;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #495057;
- background: #ffffff;
- padding: 0.5rem 0.75rem;
- border: 1px solid #ced4da;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- appearance: none;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #ced4da;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: #007bff;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #dc3545;
- }
- .p-inputtext.p-variant-filled {
- background-color: #efefef;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #efefef;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #efefef;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: #6c757d;
- transition-duration: 0.15s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #dc3545;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: #6c757d;
- }
-
- :-moz-placeholder {
- color: #6c757d;
- }
-
- ::-moz-placeholder {
- color: #6c757d;
- }
-
- :-ms-input-placeholder {
- color: #6c757d;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #efefef;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #efefef;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #efefef;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #ffffff;
- color: #212529;
- border: 1px solid #ced4da;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #dee2e6;
- color: #212529;
- background: #efefef;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: #495057;
- }
- .p-listbox .p-listbox-list {
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: #212529;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #ffffff;
- background: #007bff;
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1.5rem;
- color: #212529;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: #0067d6;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #212529;
- background: #e9ecef;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #212529;
- background: #e9ecef;
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: #007bff;
- }
- .p-listbox.p-invalid {
- border-color: #dc3545;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #ffffff;
- border: 1px solid #ced4da;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #ced4da;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: #007bff;
- }
- .p-multiselect.p-variant-filled {
- background: #efefef;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #efefef;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #efefef;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #6c757d;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #212529;
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #495057;
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #dc3545;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 4px;
- box-shadow: none;
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #dee2e6;
- color: #212529;
- background: #efefef;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: #495057;
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.5rem 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #ffffff;
- background: #007bff;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: #0067d6;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #212529;
- background: #e9ecef;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1.5rem;
- color: #212529;
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #dc3545;
- }
-
- .p-password-panel {
- padding: 1.25rem;
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.2);
- box-shadow: none;
- border-radius: 4px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #e9ecef;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #dc3545;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffc107;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #28a745;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 20px;
- height: 20px;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 2px solid #ced4da;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #ced4da;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #212529;
- border-radius: 50%;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.15s;
- background-color: #ffffff;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #007bff;
- background: #007bff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #ced4da;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #0062cc;
- background: #0062cc;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: #007bff;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #dc3545;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #efefef;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #007bff;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #efefef;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #0062cc;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #efefef;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #007bff;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #efefef;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #0062cc;
- }
-
- .p-highlight .p-radiobutton .p-radiobutton-box {
- border-color: #ffffff;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #495057;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- font-size: 1.143rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1.143rem;
- height: 1.143rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #dc3545;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #007bff;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #007bff;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #dc3545;
- }
-
- .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #ffffff;
- }
-
- .p-selectbutton .p-button {
- background: #6c757d;
- border: 1px solid #6c757d;
- color: #ffffff;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #5a6268;
- border-color: #545b62;
- color: #ffffff;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #dc3545;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #e9ecef;
- border: 0 none;
- border-radius: 4px;
- }
- .p-slider.p-slider-horizontal {
- height: 0.286rem;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem;
- }
- .p-slider.p-slider-vertical {
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem;
- }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #007bff;
- border: 2px solid #007bff;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-slider .p-slider-range {
- background: #007bff;
- border-radius: 4px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #0069d9;
- border-color: #0069d9;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #ffffff;
- border: 1px solid #ced4da;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #ced4da;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: #007bff;
- }
- .p-treeselect.p-variant-filled {
- background: #efefef;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #efefef;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #efefef;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #6c757d;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #212529;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #495057;
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #dc3545;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 4px;
- box-shadow: none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 1.5rem;
- color: #212529;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #efefef;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #efefef;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #efefef;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #6c757d;
- border-radius: 4px;
- }
- .p-togglebutton .p-button {
- background: #6c757d;
- border: 1px solid #6c757d;
- color: #ffffff;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #5a6268;
- border-color: #545b62;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: #007bff;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #dc3545;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #ffffff;
- background: #007bff;
- border: 1px solid #007bff;
- padding: 0.5rem 0.75rem;
- font-size: 1rem;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #0069d9;
- color: #ffffff;
- border-color: #0069d9;
- }
- .p-button:not(:disabled):active {
- background: #0062cc;
- color: #ffffff;
- border-color: #0062cc;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #007bff;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(0, 123, 255, 0.04);
- color: #007bff;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(0, 123, 255, 0.16);
- color: #007bff;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #6c757d;
- border-color: #6c757d;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: #e9ecef;
- color: #6c757d;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: #dee2e6;
- color: #6c757d;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #007bff;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(0, 123, 255, 0.04);
- color: #007bff;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(0, 123, 255, 0.16);
- color: #007bff;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #6c757d;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: #e9ecef;
- color: #6c757d;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: #dee2e6;
- color: #6c757d;
- }
- .p-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-button .p-button-label {
- transition-duration: 0.15s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #007bff;
- background-color: #ffffff;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.357rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #ffffff;
- background: #6c757d;
- border: 1px solid #6c757d;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #5a6268;
- color: #ffffff;
- border-color: #5a6268;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #545b62;
- color: #ffffff;
- border-color: #4e555b;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #6c757d;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(108, 117, 125, 0.04);
- color: #6c757d;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(108, 117, 125, 0.16);
- color: #6c757d;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #6c757d;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(108, 117, 125, 0.04);
- border-color: transparent;
- color: #6c757d;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(108, 117, 125, 0.16);
- border-color: transparent;
- color: #6c757d;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #ffffff;
- background: #17a2b8;
- border: 1px solid #17a2b8;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #138496;
- color: #ffffff;
- border-color: #117a8b;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #138496;
- color: #ffffff;
- border-color: #117a8b;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #17a2b8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(23, 162, 184, 0.04);
- color: #17a2b8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(23, 162, 184, 0.16);
- color: #17a2b8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #17a2b8;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(23, 162, 184, 0.04);
- border-color: transparent;
- color: #17a2b8;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(23, 162, 184, 0.16);
- border-color: transparent;
- color: #17a2b8;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #ffffff;
- background: #28a745;
- border: 1px solid #28a745;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #218838;
- color: #ffffff;
- border-color: #1e7e34;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #1e7e34;
- color: #ffffff;
- border-color: #1c7430;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #28a745;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(40, 167, 69, 0.04);
- color: #28a745;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(40, 167, 69, 0.16);
- color: #28a745;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #28a745;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(40, 167, 69, 0.04);
- border-color: transparent;
- color: #28a745;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(40, 167, 69, 0.16);
- border-color: transparent;
- color: #28a745;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #212529;
- background: #ffc107;
- border: 1px solid #ffc107;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #e0a800;
- color: #212529;
- border-color: #d39e00;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #d39e00;
- color: #212529;
- border-color: #c69500;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffc107;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 193, 7, 0.04);
- color: #ffc107;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 193, 7, 0.16);
- color: #ffc107;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #ffc107;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 193, 7, 0.04);
- border-color: transparent;
- color: #ffc107;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 193, 7, 0.16);
- border-color: transparent;
- color: #ffc107;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #ffffff;
- background: #6f42c1;
- border: 1px solid #6f42c1;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #633bad;
- color: #ffffff;
- border-color: #58349a;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.2rem #d3c6ec;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #58349a;
- color: #ffffff;
- border-color: #4d2e87;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #6f42c1;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(111, 66, 193, 0.04);
- color: #6f42c1;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(111, 66, 193, 0.16);
- color: #6f42c1;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #6f42c1;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(111, 66, 193, 0.04);
- border-color: transparent;
- color: #6f42c1;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(111, 66, 193, 0.16);
- border-color: transparent;
- color: #6f42c1;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #ffffff;
- background: #dc3545;
- border: 1px solid #dc3545;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #c82333;
- color: #ffffff;
- border-color: #bd2130;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #bd2130;
- color: #ffffff;
- border-color: #b21f2d;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #dc3545;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(220, 53, 69, 0.04);
- color: #dc3545;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(220, 53, 69, 0.16);
- color: #dc3545;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #dc3545;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(220, 53, 69, 0.04);
- border-color: transparent;
- color: #dc3545;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(220, 53, 69, 0.16);
- border-color: transparent;
- color: #dc3545;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #ffffff;
- background: #212529;
- border: 1px solid #212529;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #343a40;
- color: #ffffff;
- border-color: #343a40;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #495057;
- color: #ffffff;
- border-color: #495057;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #212529;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(33, 37, 41, 0.04);
- color: #212529;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(33, 37, 41, 0.16);
- color: #212529;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #212529;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(33, 37, 41, 0.04);
- border-color: transparent;
- color: #212529;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(33, 37, 41, 0.16);
- border-color: transparent;
- color: #212529;
- }
-
- .p-button.p-button-link {
- color: #007bff;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #0069d9;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #007bff;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1.3rem;
- height: 1.3rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
-
- .p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #495057;
- color: #fff;
- outline-color: transparent;
- transition: box-shadow 0.15s;
- }
- .p-speeddial-action:hover {
- background: #343a40;
- color: #fff;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 4px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 4px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #e9ecef;
- width: 2rem;
- height: 0.5rem;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #dee2e6;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #007bff;
- color: #ffffff;
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 1px 0 0 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 1px 0 0 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #efefef;
- color: #212529;
- border: solid #dee2e6;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #efefef;
- color: #212529;
- border: 1px solid #dee2e6;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #dee2e6;
- border-width: 1px 0 2px 0;
- font-weight: 600;
- color: #212529;
- background: #ffffff;
- transition: box-shadow 0.15s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #dee2e6;
- border-width: 1px 0 1px 0;
- font-weight: 600;
- color: #212529;
- background: #ffffff;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #6c757d;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #ffffff;
- background: #007bff;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: #e9ecef;
- color: #212529;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #6c757d;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #ffffff;
- color: #007bff;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #007bff;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #e9ecef;
- color: #007bff;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #007bff;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #ffffff;
- color: #212529;
- transition: box-shadow 0.15s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #dee2e6;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid rgba(38, 143, 255, 0.5);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #007bff;
- color: #ffffff;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid rgba(38, 143, 255, 0.5);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #007bff;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #007bff;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: #e9ecef;
- color: #212529;
- }
- .p-datatable .p-column-resizer-helper {
- background: #007bff;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #ffffff;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: rgba(0, 0, 0, 0.05);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: #007bff;
- color: #ffffff;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: #ffffff;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: #ffffff;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 1px 0 0 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 1px 0 0 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #efefef;
- color: #212529;
- border: solid #dee2e6;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #ffffff;
- color: #212529;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #efefef;
- color: #212529;
- border: 1px solid #dee2e6;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: #495057;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #007bff;
- color: #ffffff;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
-
- .p-column-filter-clear-button {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
-
- .p-column-filter-overlay {
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 4px;
- box-shadow: none;
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.5rem 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #ffffff;
- background: #007bff;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #dee2e6;
- color: #212529;
- background: #efefef;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 1.25rem;
- border-bottom: 1px solid #dee2e6;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1.25rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1.25rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 1.25rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: #007bff;
- }
- .p-orderlist .p-orderlist-header {
- color: #212529;
- padding: 1rem 1.25rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: #212529;
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #dee2e6;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1.5rem;
- margin: 0;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: transform 0.15s, box-shadow 0.15s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #e9ecef;
- color: #212529;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: #212529;
- background: #e9ecef;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #212529;
- background: #e9ecef;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #ffffff;
- background: #007bff;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: #0067d6;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: rgba(0, 0, 0, 0.05);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: #e9ecef;
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: #e9ecef;
- color: #212529;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #007bff;
- color: #ffffff;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #003e80;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #dee2e6;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #dee2e6;
- border-color: #dee2e6;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #dee2e6;
- border-color: #dee2e6;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #dee2e6;
- background: #ffffff;
- color: #212529;
- padding: 1.25rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #ffffff;
- color: #007bff;
- border: solid #dee2e6;
- border-width: 0;
- padding: 0.75rem;
- border-radius: 4px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: #ffffff;
- border: 1px solid #dee2e6;
- color: #007bff;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0 0 0 -1px;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #e9ecef;
- border-color: #dee2e6;
- color: #007bff;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.357rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.357rem;
- }
- .p-paginator .p-paginator-current {
- background-color: #ffffff;
- border: 1px solid #dee2e6;
- color: #007bff;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0 0 0 -1px;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: #ffffff;
- border: 1px solid #dee2e6;
- color: #007bff;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0 0 0 -1px;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #007bff;
- border-color: #007bff;
- color: #ffffff;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e9ecef;
- border-color: #dee2e6;
- color: #007bff;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 1.25rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- border-color: #007bff;
- }
- .p-picklist .p-picklist-header {
- color: #212529;
- padding: 1rem 1.25rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: #212529;
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #dee2e6;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1.5rem;
- margin: 0;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: transform 0.15s, box-shadow 0.15s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #e9ecef;
- color: #212529;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: #212529;
- background: #e9ecef;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #212529;
- background: #e9ecef;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #ffffff;
- background: #007bff;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: #0067d6;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: rgba(0, 0, 0, 0.05);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: #e9ecef;
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #007bff;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #dee2e6;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #dee2e6;
- background: #ffffff;
- color: #212529;
- padding: 1.25rem;
- border-radius: 4px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 4px;
- transition: box-shadow 0.15s;
- padding: 0.286rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #6c757d;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #212529;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #007bff;
- color: #ffffff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #ffffff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #ffffff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #e9ecef;
- color: #212529;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: #495057;
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 1px 0 0 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 1px 0 0 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #efefef;
- color: #212529;
- border: solid #dee2e6;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #efefef;
- color: #212529;
- border: 1px solid #dee2e6;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #dee2e6;
- border-width: 1px 0 2px 0;
- font-weight: 600;
- color: #212529;
- background: #ffffff;
- transition: box-shadow 0.15s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #dee2e6;
- border-width: 1px 0 1px 0;
- font-weight: 600;
- color: #212529;
- background: #ffffff;
- }
- .p-treetable .p-sortable-column {
- outline-color: rgba(38, 143, 255, 0.5);
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #6c757d;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #ffffff;
- background: #007bff;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #e9ecef;
- color: #212529;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #6c757d;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #ffffff;
- color: #007bff;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #007bff;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #ffffff;
- color: #212529;
- transition: box-shadow 0.15s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #dee2e6;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #212529;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid rgba(38, 143, 255, 0.5);
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #007bff;
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #ffffff;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: #e9ecef;
- color: #212529;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #212529;
- }
- .p-treetable .p-column-resizer-helper {
- background: #007bff;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #efefef;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1rem 1.25rem;
- border: 1px solid #dee2e6;
- color: #212529;
- background: #efefef;
- font-weight: 600;
- border-radius: 4px;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #e9ecef;
- border-color: #dee2e6;
- color: #212529;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #efefef;
- border-color: #dee2e6;
- color: #212529;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #dee2e6;
- background: #e9ecef;
- color: #212529;
- }
- .p-accordion .p-accordion-content {
- padding: 1.25rem;
- border: 1px solid #dee2e6;
- background: #ffffff;
- color: #212529;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-card {
- background: #ffffff;
- color: #212529;
- box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
- border-radius: 4px;
- }
- .p-card .p-card-body {
- padding: 1.5rem;
- }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #6c757d;
- }
- .p-card .p-card-content {
- padding: 1rem 0;
- }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #dee2e6;
- background: #ffffff;
- color: #212529;
- border-radius: 4px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem 1.25rem;
- border: 1px solid #dee2e6;
- color: #212529;
- background: #efefef;
- font-weight: 600;
- border-radius: 4px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: box-shadow 0.15s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem 1.25rem;
- color: #212529;
- border-radius: 4px;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: #212529;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #e9ecef;
- border-color: #dee2e6;
- color: #212529;
- }
- .p-fieldset .p-fieldset-content {
- padding: 1.25rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #ffffff;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #dee2e6;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #dee2e6;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #dee2e6;
- padding: 1rem 1.25rem;
- background: #efefef;
- color: #212529;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1.25rem;
- }
- .p-panel .p-panel-content {
- padding: 1.25rem;
- border: 1px solid #dee2e6;
- background: #ffffff;
- color: #212529;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-panel .p-panel-footer {
- padding: 0.5rem 1.25rem;
- border: 1px solid #dee2e6;
- background: #ffffff;
- color: #212529;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #efefef;
- border: 0 none;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #dee2e6;
- background: #ffffff;
- border-radius: 4px;
- color: #212529;
- }
- .p-splitter .p-splitter-gutter {
- transition: box-shadow 0.15s;
- background: #efefef;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #dee2e6;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #dee2e6;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: box-shadow 0.15s;
- border-radius: 4px;
- background: transparent;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #212529;
- border: 1px solid #dee2e6;
- border-width: 2px;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 4px;
- transition: box-shadow 0.15s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #6c757d;
- font-weight: 600;
- transition: box-shadow 0.15s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #007bff;
- color: #ffffff;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #212529;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #007bff;
- }
- .p-stepper .p-stepper-panels {
- background: #ffffff;
- padding: 1.25rem;
- color: #212529;
- }
- .p-stepper .p-stepper-separator {
- background-color: #dee2e6;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: box-shadow 0.15s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #ffffff;
- color: #212529;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #007bff;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: transparent;
- border: 1px solid #dee2e6;
- border-width: 0 0 1px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid;
- border-width: 1px;
- border-color: #ffffff #ffffff #dee2e6 #ffffff;
- background: #ffffff;
- color: #6c757d;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: box-shadow 0.15s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #ffffff;
- border-color: #dee2e6;
- color: #6c757d;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #dee2e6 #dee2e6 #ffffff #dee2e6;
- color: #495057;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #ffffff;
- color: #495057;
- width: 2.357rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-tabview .p-tabview-panels {
- background: #ffffff;
- padding: 1.25rem;
- border: 0 none;
- color: #212529;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #efefef;
- border: 1px solid #dee2e6;
- padding: 1rem 1.25rem;
- border-radius: 4px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.2);
- border-radius: 4px;
- box-shadow: none;
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1.25rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1.25rem 1.25rem 1.25rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(0, 0, 0, 0);
- border-bottom-color: rgba(0, 0, 0, 0.2);
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: rgba(0, 0, 0, 0.2);
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 4px;
- box-shadow: none;
- border: 1px solid rgba(0, 0, 0, 0.2);
- }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #e9ecef;
- background: #ffffff;
- color: #212529;
- padding: 1rem;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #212529;
- padding: 1rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 1px solid #e9ecef;
- background: #ffffff;
- color: #212529;
- padding: 1rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.2);
- border-radius: 4px;
- box-shadow: none;
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #007bff;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: box-shadow 0.15s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #0069d9;
- color: #ffffff;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(0, 0, 0, 0);
- border-bottom-color: rgba(0, 0, 0, 0.2);
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: rgba(0, 0, 0, 0.2);
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.2);
- box-shadow: none;
- }
- .p-sidebar .p-sidebar-header {
- padding: 1rem 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 1.25rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #212529;
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- box-shadow: none;
- border-radius: 4px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #212529;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #212529;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #212529;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #212529;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #efefef;
- padding: 1rem 1.25rem;
- border: 1px solid #dee2e6;
- color: #212529;
- border-bottom: 0 none;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-fileupload .p-fileupload-content {
- background: #ffffff;
- padding: 2rem 1rem;
- border: 1px solid #dee2e6;
- color: #212529;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #007bff;
- background-color: #007bff;
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #dee2e6;
- border-radius: 4px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #0069d9;
- color: #ffffff;
- border-color: #0069d9;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #0062cc;
- color: #ffffff;
- border-color: #0062cc;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #efefef;
- border: 0 none;
- border-radius: 4px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #007bff;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #007bff;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #6c757d;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #6c757d;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #6c757d;
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.5rem 0;
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- border-radius: 4px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- border-radius: 4px;
- }
- .p-contextmenu .p-menuitem {
- margin: 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #212529;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #212529;
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #e9ecef;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e9ecef;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #212529;
- background: #e9ecef;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 4px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
- }
- .p-dock .p-dock-link {
- width: 4rem;
- height: 4rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem 1rem;
- background: #efefef;
- color: rgba(0, 0, 0, 0.9);
- border: 0 none;
- border-radius: 4px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #212529;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #212529;
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #e9ecef;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e9ecef;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #212529;
- background: #e9ecef;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- border-radius: 4px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.5rem 0;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.5rem 0;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: rgba(0, 0, 0, 0.5);
- transition: box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 1rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.5);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.5);
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.5);
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(0, 0, 0, 0.7);
- background: transparent;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.7);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.7);
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem 1rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.5);
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: rgba(0, 0, 0, 0.7);
- background: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.5rem 0;
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.15s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.15s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.25rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.5rem 0;
- background: #ffffff;
- color: #212529;
- border: 1px solid #dee2e6;
- border-radius: 4px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #212529;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #212529;
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #e9ecef;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e9ecef;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #212529;
- background: #e9ecef;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem 1rem;
- background: #efefef;
- color: rgba(0, 0, 0, 0.9);
- border: 0 none;
- border-radius: 4px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: rgba(0, 0, 0, 0.5);
- transition: box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 1rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.5);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.5);
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.5);
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(0, 0, 0, 0.7);
- background: transparent;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.7);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.7);
- }
- .p-menubar .p-menuitem {
- margin: 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #212529;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #212529;
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #e9ecef;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e9ecef;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #212529;
- background: #e9ecef;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-menubar .p-submenu-list {
- padding: 0.5rem 0;
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- min-width: 12.5rem;
- border-radius: 4px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.5);
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: rgba(0, 0, 0, 0.7);
- background: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.5rem 0;
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.15s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.15s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.25rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.75rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.25rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 6.75rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 8.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 1px solid #dee2e6;
- color: #212529;
- background: #efefef;
- border-radius: 4px;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #212529;
- padding: 1rem 1.25rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #e9ecef;
- border-color: #dee2e6;
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #efefef;
- border-color: #dee2e6;
- color: #212529;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #dee2e6;
- background: #e9ecef;
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.5rem 0;
- border: 1px solid #dee2e6;
- background: #ffffff;
- color: #212529;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #212529;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #212529;
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #e9ecef;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e9ecef;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #212529;
- background: #e9ecef;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 4px;
- background: transparent;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #212529;
- border: 1px solid #dee2e6;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 4px;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #6c757d;
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #007bff;
- color: #ffffff;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 600;
- color: #212529;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #dee2e6;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: transparent;
- border: 1px solid #dee2e6;
- border-width: 0 0 1px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid;
- border-width: 1px;
- border-color: #ffffff #ffffff #dee2e6 #ffffff;
- background: #ffffff;
- color: #6c757d;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: box-shadow 0.15s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #ffffff;
- border-color: #dee2e6;
- color: #6c757d;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #dee2e6 #dee2e6 #ffffff #dee2e6;
- color: #495057;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.5rem 0;
- background: #ffffff;
- color: #212529;
- border: 1px solid #dee2e6;
- border-radius: 4px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #212529;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #212529;
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #e9ecef;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e9ecef;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #212529;
- background: #e9ecef;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.75rem;
- margin: 0;
- border-radius: 4px;
- }
- .p-inline-message.p-inline-message-info {
- background: #cce5ff;
- border: solid #b8daff;
- border-width: 0px;
- color: #004085;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #004085;
- }
- .p-inline-message.p-inline-message-success {
- background: #d4edda;
- border: solid #c3e6cb;
- border-width: 0px;
- color: #155724;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #155724;
- }
- .p-inline-message.p-inline-message-warn {
- background: #fff3cd;
- border: solid #ffeeba;
- border-width: 0px;
- color: #856404;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #856404;
- }
- .p-inline-message.p-inline-message-error {
- background: #f8d7da;
- border: solid #f5c6cb;
- border-width: 0px;
- color: #721c24;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #721c24;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 4px;
- }
- .p-message .p-message-wrapper {
- padding: 1rem 1.25rem;
- }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-message.p-message-info {
- background: #cce5ff;
- border: solid #b8daff;
- border-width: 1px;
- color: #004085;
- }
- .p-message.p-message-info .p-message-icon {
- color: #004085;
- }
- .p-message.p-message-info .p-message-close {
- color: #004085;
- }
- .p-message.p-message-success {
- background: #d4edda;
- border: solid #c3e6cb;
- border-width: 1px;
- color: #155724;
- }
- .p-message.p-message-success .p-message-icon {
- color: #155724;
- }
- .p-message.p-message-success .p-message-close {
- color: #155724;
- }
- .p-message.p-message-warn {
- background: #fff3cd;
- border: solid #ffeeba;
- border-width: 1px;
- color: #856404;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #856404;
- }
- .p-message.p-message-warn .p-message-close {
- color: #856404;
- }
- .p-message.p-message-error {
- background: #f8d7da;
- border: solid #f5c6cb;
- border-width: 1px;
- color: #721c24;
- }
- .p-message.p-message-error .p-message-icon {
- color: #721c24;
- }
- .p-message.p-message-error .p-message-close {
- color: #721c24;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
- border-radius: 4px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #cce5ff;
- border: solid #b8daff;
- border-width: 1px;
- color: #004085;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #004085;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #d4edda;
- border: solid #c3e6cb;
- border-width: 1px;
- color: #155724;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #155724;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #fff3cd;
- border: solid #ffeeba;
- border-width: 1px;
- color: #856404;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #856404;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #f8d7da;
- border: solid #f5c6cb;
- border-width: 1px;
- color: #721c24;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #721c24;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #efefef;
- width: 4rem;
- height: 4rem;
- transition: box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #efefef;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #efefef;
- width: 4rem;
- height: 4rem;
- transition: box-shadow 0.15s;
- border-radius: 4px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #efefef;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #efefef;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #e9ecef;
- width: 1rem;
- height: 1rem;
- transition: box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #dee2e6;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #007bff;
- color: #ffffff;
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #007bff;
- color: #ffffff;
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #efefef;
- width: 2rem;
- height: 2rem;
- transition: box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #efefef;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #f8f9fa;
- transition: box-shadow 0.15s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #f8f9fa;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #f8f9fa;
- background-color: rgba(255, 255, 255, 0.1);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #dee2e6;
- border-radius: 4px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #ffffff;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #007bff;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #6c757d;
- color: #ffffff;
- }
- .p-badge.p-badge-success {
- background-color: #28a745;
- color: #ffffff;
- }
- .p-badge.p-badge-info {
- background-color: #17a2b8;
- color: #ffffff;
- }
- .p-badge.p-badge-warning {
- background-color: #ffc107;
- color: #212529;
- }
- .p-badge.p-badge-danger {
- background-color: #dc3545;
- color: #ffffff;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 4px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #dee2e6;
- color: #212529;
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 4px;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #e9ecef;
- color: #212529;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #e9ecef;
- border-radius: 4px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #007bff;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #007bff;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 4px;
- border-top-right-radius: 4px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #e9ecef;
- border-radius: 4px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #007bff;
- }
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.5rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #721c24;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #721c24;
- }
- 40% {
- stroke: #004085;
- }
- 66% {
- stroke: #155724;
- }
- 80%, 90% {
- stroke: #856404;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 4px;
- box-shadow: none;
- transition: box-shadow 0.15s;
- }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7);
- }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8);
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #efefef;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: #e9ecef;
- border-radius: 4px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #007bff;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 4px;
- }
- .p-tag.p-tag-success {
- background-color: #28a745;
- color: #ffffff;
- }
- .p-tag.p-tag-info {
- background-color: #17a2b8;
- color: #ffffff;
- }
- .p-tag.p-tag-warning {
- background-color: #ffc107;
- color: #212529;
- }
- .p-tag.p-tag-danger {
- background-color: #dc3545;
- color: #ffffff;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #ffffff;
- color: #212529;
- border: 1px solid #dee2e6;
- padding: 1.25rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-/* Vendor extensions to the designer enhanced bootstrap compatibility */
-@layer primevue {
- .fc.fc-theme-standard .fc-highlight {
- background: #cce5ff;
- }
-
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- background-color: #cce5ff;
- }
-}
-/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css
deleted file mode 100644
index 4a5205f..0000000
--- a/public/themes/bootstrap4-light-purple/theme.css
+++ /dev/null
@@ -1,10722 +0,0 @@
-:root {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- --surface-a:#ffffff;
- --surface-b:#efefef;
- --surface-c:#e9ecef;
- --surface-d:#dee2e6;
- --surface-e:#ffffff;
- --surface-f:#ffffff;
- --text-color:#212529;
- --text-color-secondary:#6c757d;
- --primary-color:#883cae;
- --primary-color-text:#ffffff;
- --surface-0: #ffffff;
- --surface-50: #f9fafb;
- --surface-100: #f8f9fa;
- --surface-200: #e9ecef;
- --surface-300: #dee2e6;
- --surface-400: #ced4da;
- --surface-500: #adb5bd;
- --surface-600: #6c757d;
- --surface-700: #495057;
- --surface-800: #343a40;
- --surface-900: #212529;
- --gray-50: #f9fafb;
- --gray-100: #f8f9fa;
- --gray-200: #e9ecef;
- --gray-300: #dee2e6;
- --gray-400: #ced4da;
- --gray-500: #adb5bd;
- --gray-600: #6c757d;
- --gray-700: #495057;
- --gray-800: #343a40;
- --gray-900: #212529;
- --content-padding:1.25rem;
- --inline-spacing:0.5rem;
- --border-radius:4px;
- --surface-ground:#efefef;
- --surface-section:#ffffff;
- --surface-card:#ffffff;
- --surface-overlay:#ffffff;
- --surface-border:#dee2e6;
- --surface-hover:#e9ecef;
- --focus-ring: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #883cae;
- --highlight-text-color: #ffffff;
- color-scheme: light;
-}
-
-:root {
- --blue-50:#f3f8ff;
- --blue-100:#c5dcff;
- --blue-200:#97c1fe;
- --blue-300:#69a5fe;
- --blue-400:#3b8afd;
- --blue-500:#0d6efd;
- --blue-600:#0b5ed7;
- --blue-700:#094db1;
- --blue-800:#073d8b;
- --blue-900:#052c65;
- --green-50:#f4f9f6;
- --green-100:#c8e2d6;
- --green-200:#9ccbb5;
- --green-300:#70b595;
- --green-400:#459e74;
- --green-500:#198754;
- --green-600:#157347;
- --green-700:#125f3b;
- --green-800:#0e4a2e;
- --green-900:#0a3622;
- --yellow-50:#fffcf3;
- --yellow-100:#fff0c3;
- --yellow-200:#ffe494;
- --yellow-300:#ffd965;
- --yellow-400:#ffcd36;
- --yellow-500:#ffc107;
- --yellow-600:#d9a406;
- --yellow-700:#b38705;
- --yellow-800:#8c6a04;
- --yellow-900:#664d03;
- --cyan-50:#f3fcfe;
- --cyan-100:#c5f2fb;
- --cyan-200:#97e8f9;
- --cyan-300:#69def6;
- --cyan-400:#3bd4f3;
- --cyan-500:#0dcaf0;
- --cyan-600:#0baccc;
- --cyan-700:#098da8;
- --cyan-800:#076f84;
- --cyan-900:#055160;
- --pink-50:#fdf5f9;
- --pink-100:#f5cee1;
- --pink-200:#eda7ca;
- --pink-300:#e681b3;
- --pink-400:#de5a9b;
- --pink-500:#d63384;
- --pink-600:#b62b70;
- --pink-700:#96245c;
- --pink-800:#761c49;
- --pink-900:#561435;
- --indigo-50:#f7f3fe;
- --indigo-100:#dac6fc;
- --indigo-200:#bd98f9;
- --indigo-300:#a06bf7;
- --indigo-400:#833df4;
- --indigo-500:#6610f2;
- --indigo-600:#570ece;
- --indigo-700:#470ba9;
- --indigo-800:#380985;
- --indigo-900:#290661;
- --teal-50:#f4fcfa;
- --teal-100:#c9f2e6;
- --teal-200:#9fe8d2;
- --teal-300:#75debf;
- --teal-400:#4ad3ab;
- --teal-500:#20c997;
- --teal-600:#1bab80;
- --teal-700:#168d6a;
- --teal-800:#126f53;
- --teal-900:#0d503c;
- --orange-50:#fff9f3;
- --orange-100:#ffe0c7;
- --orange-200:#fec89a;
- --orange-300:#feaf6d;
- --orange-400:#fd9741;
- --orange-500:#fd7e14;
- --orange-600:#d76b11;
- --orange-700:#b1580e;
- --orange-800:#8b450b;
- --orange-900:#653208;
- --bluegray-50:#f8f9fb;
- --bluegray-100:#e0e4ea;
- --bluegray-200:#c7ced9;
- --bluegray-300:#aeb9c8;
- --bluegray-400:#95a3b8;
- --bluegray-500:#7c8ea7;
- --bluegray-600:#69798e;
- --bluegray-700:#576375;
- --bluegray-800:#444e5c;
- --bluegray-900:#323943;
- --purple-50:#f8f6fc;
- --purple-100:#dcd2f0;
- --purple-200:#c1aee4;
- --purple-300:#a68ad9;
- --purple-400:#8a66cd;
- --purple-500:#6f42c1;
- --purple-600:#5e38a4;
- --purple-700:#4e2e87;
- --purple-800:#3d246a;
- --purple-900:#2c1a4d;
- --red-50:#fdf5f6;
- --red-100:#f7cfd2;
- --red-200:#f0a8af;
- --red-300:#e9828c;
- --red-400:#e35b68;
- --red-500:#dc3545;
- --red-600:#bb2d3b;
- --red-700:#9a2530;
- --red-800:#791d26;
- --red-900:#58151c;
- --primary-50:#f9f5fb;
- --primary-100:#e2d0ec;
- --primary-200:#ccabdc;
- --primary-300:#b586cd;
- --primary-400:#9f61bd;
- --primary-500:#883cae;
- --primary-600:#743394;
- --primary-700:#5f2a7a;
- --primary-800:#4b2160;
- --primary-900:#361846;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #efefef;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #dee2e6;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #6c757d;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #6c757d;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #6c757d;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #212529;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #212529;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #212529;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #212529;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #212529;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #212529;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- border-radius: 4px;
- padding: 0.5rem 0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #212529;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #212529;
- background: #e9ecef;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.5rem 1.5rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #dee2e6;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #495057;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #212529;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #212529;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #212529;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #883cae;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #883cae;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #883cae;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #883cae;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.15s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.65;
- }
-
- .p-error {
- color: #dc3545;
- }
-
- .p-text-secondary {
- color: #6c757d;
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.107rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #ced4da;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: #883cae;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #212529;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.75rem;
- background: #dee2e6;
- color: #212529;
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #ced4da;
- color: #212529;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #dc3545;
- }
-
- .p-autocomplete-panel {
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 4px;
- box-shadow: none;
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.5rem 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #ffffff;
- background: #883cae;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: #703290;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #212529;
- background: #e9ecef;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #dc3545;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: #883cae;
- }
-
- .p-datepicker {
- padding: 0;
- background: #ffffff;
- color: #212529;
- border: 1px solid #ced4da;
- border-radius: 4px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #efefef;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600;
- margin: 0;
- border-bottom: 1px solid #dee2e6;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: #212529;
- transition: box-shadow 0.15s;
- font-weight: 600;
- padding: 0.5rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #883cae;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0;
- }
- .p-datepicker table th {
- padding: 0.5rem;
- }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-datepicker table td {
- padding: 0.5rem;
- }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 4px;
- transition: box-shadow 0.15s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: #ffffff;
- background: #883cae;
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #ced4da;
- color: #212529;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #ffffff;
- background: #883cae;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #dee2e6;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #dee2e6;
- padding: 0.5rem;
- }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #ffffff;
- background: #883cae;
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.5rem;
- transition: box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #ffffff;
- background: #883cae;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #dee2e6;
- padding-right: 0;
- padding-left: 0;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #e9ecef;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: #e9ecef;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: #e9ecef;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #ffffff;
- border: 1px solid #ced4da;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #ced4da;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: #883cae;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #efefef;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #efefef;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #efefef;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #6c757d;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #495057;
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #dc3545;
- }
-
- .p-cascadeselect-panel {
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 4px;
- box-shadow: none;
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.5rem 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #ffffff;
- background: #883cae;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: #703290;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #212529;
- background: #e9ecef;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.5rem 1.5rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 20px;
- height: 20px;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 2px solid #ced4da;
- border-radius: 4px;
- }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #ced4da;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #212529;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.15s;
- color: #ffffff;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #883cae;
- background: #883cae;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #ced4da;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #68329e;
- background: #68329e;
- color: #ffffff;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: #883cae;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #dc3545;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #efefef;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #883cae;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #efefef;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #68329e;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #efefef;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #883cae;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #efefef;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #68329e;
- }
-
- .p-highlight .p-checkbox .p-checkbox-box {
- border-color: #ffffff;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #ced4da;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: #883cae;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #212529;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #ced4da;
- color: #212529;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #212529;
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #dc3545;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 2rem;
- height: 2rem;
- }
-
- .p-colorpicker-panel {
- background: #212529;
- border: 1px solid #212529;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff;
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: none;
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #ffffff;
- border: 1px solid #ced4da;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #ced4da;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: #883cae;
- }
- .p-dropdown.p-variant-filled {
- background: #efefef;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #efefef;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #efefef;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #6c757d;
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #495057;
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #495057;
- right: 2.357rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #dc3545;
- }
-
- .p-dropdown-panel {
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 4px;
- box-shadow: none;
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #dee2e6;
- color: #212529;
- background: #efefef;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: #495057;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.5rem 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #ffffff;
- background: #883cae;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: #703290;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #212529;
- background: #e9ecef;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.5rem 1.5rem;
- color: #212529;
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #e9ecef;
- color: #495057;
- border-top: 1px solid #ced4da;
- border-left: 1px solid #ced4da;
- border-bottom: 1px solid #ced4da;
- padding: 0.5rem 0.75rem;
- min-width: 2.357rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #ced4da;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: #495057;
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: #495057;
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #dc3545;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #efefef;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #efefef;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #efefef;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 3rem;
- height: 1.75rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 4px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #ced4da;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #ffffff;
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 4px;
- transition-duration: 0.15s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #883cae;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #ffffff;
- transform: translateX(1.25rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #ced4da;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #883cae;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #dc3545;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #495057;
- background: #ffffff;
- padding: 0.5rem 0.75rem;
- border: 1px solid #ced4da;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- appearance: none;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #ced4da;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: #883cae;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #dc3545;
- }
- .p-inputtext.p-variant-filled {
- background-color: #efefef;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #efefef;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #efefef;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: #6c757d;
- transition-duration: 0.15s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #dc3545;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: #6c757d;
- }
-
- :-moz-placeholder {
- color: #6c757d;
- }
-
- ::-moz-placeholder {
- color: #6c757d;
- }
-
- :-ms-input-placeholder {
- color: #6c757d;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #efefef;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #efefef;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #efefef;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #ffffff;
- color: #212529;
- border: 1px solid #ced4da;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #dee2e6;
- color: #212529;
- background: #efefef;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: #495057;
- }
- .p-listbox .p-listbox-list {
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: #212529;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #ffffff;
- background: #883cae;
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.5rem 1.5rem;
- color: #212529;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: #703290;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #212529;
- background: #e9ecef;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #212529;
- background: #e9ecef;
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: #883cae;
- }
- .p-listbox.p-invalid {
- border-color: #dc3545;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #ffffff;
- border: 1px solid #ced4da;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #ced4da;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: #883cae;
- }
- .p-multiselect.p-variant-filled {
- background: #efefef;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #efefef;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #efefef;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #6c757d;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #212529;
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #495057;
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #dc3545;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 4px;
- box-shadow: none;
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #dee2e6;
- color: #212529;
- background: #efefef;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: #495057;
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.5rem 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #ffffff;
- background: #883cae;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: #703290;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #212529;
- background: #e9ecef;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.5rem 1.5rem;
- color: #212529;
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #dc3545;
- }
-
- .p-password-panel {
- padding: 1.25rem;
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.2);
- box-shadow: none;
- border-radius: 4px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #e9ecef;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #dc3545;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffc107;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #28a745;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 20px;
- height: 20px;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 2px solid #ced4da;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #ced4da;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #212529;
- border-radius: 50%;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.15s;
- background-color: #ffffff;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #883cae;
- background: #883cae;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #ced4da;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #68329e;
- background: #68329e;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: #883cae;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #dc3545;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #efefef;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #883cae;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #efefef;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #68329e;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #efefef;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #883cae;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #efefef;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #68329e;
- }
-
- .p-highlight .p-radiobutton .p-radiobutton-box {
- border-color: #ffffff;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #495057;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- font-size: 1.143rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1.143rem;
- height: 1.143rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #dc3545;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #883cae;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #883cae;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #dc3545;
- }
-
- .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #ffffff;
- }
-
- .p-selectbutton .p-button {
- background: #6c757d;
- border: 1px solid #6c757d;
- color: #ffffff;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #5a6268;
- border-color: #545b62;
- color: #ffffff;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #ffffff;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #dc3545;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #e9ecef;
- border: 0 none;
- border-radius: 4px;
- }
- .p-slider.p-slider-horizontal {
- height: 0.286rem;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem;
- }
- .p-slider.p-slider-vertical {
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem;
- }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #883cae;
- border: 2px solid #883cae;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-slider .p-slider-range {
- background: #883cae;
- border-radius: 4px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #7a38a7;
- border-color: #7a38a7;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #ffffff;
- border: 1px solid #ced4da;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #ced4da;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: #883cae;
- }
- .p-treeselect.p-variant-filled {
- background: #efefef;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #efefef;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #efefef;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.75rem;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #6c757d;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.75rem;
- margin-right: 0.5rem;
- background: #dee2e6;
- color: #212529;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #495057;
- width: 2.357rem;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #dc3545;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 4px;
- box-shadow: none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.5rem 1.5rem;
- color: #212529;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #efefef;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #efefef;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #efefef;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #6c757d;
- border-radius: 4px;
- }
- .p-togglebutton .p-button {
- background: #6c757d;
- border: 1px solid #6c757d;
- color: #ffffff;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #5a6268;
- border-color: #545b62;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #545b62;
- border-color: #4e555b;
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #ffffff;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: #883cae;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #dc3545;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #ffffff;
- background: #883cae;
- border: 1px solid #883cae;
- padding: 0.5rem 0.75rem;
- font-size: 1rem;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #7a38a7;
- color: #ffffff;
- border-color: #7a38a7;
- }
- .p-button:not(:disabled):active {
- background: #68329e;
- color: #ffffff;
- border-color: #68329e;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #883cae;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(136, 60, 174, 0.04);
- color: #883cae;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(136, 60, 174, 0.16);
- color: #883cae;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #6c757d;
- border-color: #6c757d;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: #e9ecef;
- color: #6c757d;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: #dee2e6;
- color: #6c757d;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #883cae;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(136, 60, 174, 0.04);
- color: #883cae;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(136, 60, 174, 0.16);
- color: #883cae;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #6c757d;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: #e9ecef;
- color: #6c757d;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: #dee2e6;
- color: #6c757d;
- }
- .p-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-button .p-button-label {
- transition-duration: 0.15s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #883cae;
- background-color: #ffffff;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.65625rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.9375rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.357rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #ffffff;
- background: #6c757d;
- border: 1px solid #6c757d;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #5a6268;
- color: #ffffff;
- border-color: #5a6268;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #545b62;
- color: #ffffff;
- border-color: #4e555b;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #6c757d;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(108, 117, 125, 0.04);
- color: #6c757d;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(108, 117, 125, 0.16);
- color: #6c757d;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #6c757d;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(108, 117, 125, 0.04);
- border-color: transparent;
- color: #6c757d;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(108, 117, 125, 0.16);
- border-color: transparent;
- color: #6c757d;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #ffffff;
- background: #17a2b8;
- border: 1px solid #17a2b8;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #138496;
- color: #ffffff;
- border-color: #117a8b;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #138496;
- color: #ffffff;
- border-color: #117a8b;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #17a2b8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(23, 162, 184, 0.04);
- color: #17a2b8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(23, 162, 184, 0.16);
- color: #17a2b8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #17a2b8;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(23, 162, 184, 0.04);
- border-color: transparent;
- color: #17a2b8;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(23, 162, 184, 0.16);
- border-color: transparent;
- color: #17a2b8;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #ffffff;
- background: #28a745;
- border: 1px solid #28a745;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #218838;
- color: #ffffff;
- border-color: #1e7e34;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #1e7e34;
- color: #ffffff;
- border-color: #1c7430;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #28a745;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(40, 167, 69, 0.04);
- color: #28a745;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(40, 167, 69, 0.16);
- color: #28a745;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #28a745;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(40, 167, 69, 0.04);
- border-color: transparent;
- color: #28a745;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(40, 167, 69, 0.16);
- border-color: transparent;
- color: #28a745;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #212529;
- background: #ffc107;
- border: 1px solid #ffc107;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #e0a800;
- color: #212529;
- border-color: #d39e00;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #d39e00;
- color: #212529;
- border-color: #c69500;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffc107;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 193, 7, 0.04);
- color: #ffc107;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 193, 7, 0.16);
- color: #ffc107;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #ffc107;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 193, 7, 0.04);
- border-color: transparent;
- color: #ffc107;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 193, 7, 0.16);
- border-color: transparent;
- color: #ffc107;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #ffffff;
- background: #6f42c1;
- border: 1px solid #6f42c1;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #633bad;
- color: #ffffff;
- border-color: #58349a;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.2rem #d3c6ec;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #58349a;
- color: #ffffff;
- border-color: #4d2e87;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #6f42c1;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(111, 66, 193, 0.04);
- color: #6f42c1;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(111, 66, 193, 0.16);
- color: #6f42c1;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #6f42c1;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(111, 66, 193, 0.04);
- border-color: transparent;
- color: #6f42c1;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(111, 66, 193, 0.16);
- border-color: transparent;
- color: #6f42c1;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #ffffff;
- background: #dc3545;
- border: 1px solid #dc3545;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #c82333;
- color: #ffffff;
- border-color: #bd2130;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #bd2130;
- color: #ffffff;
- border-color: #b21f2d;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #dc3545;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(220, 53, 69, 0.04);
- color: #dc3545;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(220, 53, 69, 0.16);
- color: #dc3545;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #dc3545;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(220, 53, 69, 0.04);
- border-color: transparent;
- color: #dc3545;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(220, 53, 69, 0.16);
- border-color: transparent;
- color: #dc3545;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #ffffff;
- background: #212529;
- border: 1px solid #212529;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #343a40;
- color: #ffffff;
- border-color: #343a40;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #495057;
- color: #ffffff;
- border-color: #495057;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #212529;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(33, 37, 41, 0.04);
- color: #212529;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(33, 37, 41, 0.16);
- color: #212529;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #212529;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(33, 37, 41, 0.04);
- border-color: transparent;
- color: #212529;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(33, 37, 41, 0.16);
- border-color: transparent;
- color: #212529;
- }
-
- .p-button.p-button-link {
- color: #883cae;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #7a38a7;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #883cae;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1.3rem;
- height: 1.3rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
-
- .p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #495057;
- color: #fff;
- outline-color: transparent;
- transition: box-shadow 0.15s;
- }
- .p-speeddial-action:hover {
- background: #343a40;
- color: #fff;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 4px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 4px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #e9ecef;
- width: 2rem;
- height: 0.5rem;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #dee2e6;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #883cae;
- color: #ffffff;
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 1px 0 0 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 1px 0 0 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #efefef;
- color: #212529;
- border: solid #dee2e6;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #efefef;
- color: #212529;
- border: 1px solid #dee2e6;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #dee2e6;
- border-width: 1px 0 2px 0;
- font-weight: 600;
- color: #212529;
- background: #ffffff;
- transition: box-shadow 0.15s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #dee2e6;
- border-width: 1px 0 1px 0;
- font-weight: 600;
- color: #212529;
- background: #ffffff;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #6c757d;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #ffffff;
- background: #883cae;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: #e9ecef;
- color: #212529;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #6c757d;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #ffffff;
- color: #883cae;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #883cae;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #e9ecef;
- color: #883cae;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #883cae;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #ffffff;
- color: #212529;
- transition: box-shadow 0.15s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #dee2e6;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid rgba(136, 60, 174, 0.5);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #883cae;
- color: #ffffff;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid rgba(136, 60, 174, 0.5);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #883cae;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #883cae;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: #e9ecef;
- color: #212529;
- }
- .p-datatable .p-column-resizer-helper {
- background: #883cae;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #ffffff;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: rgba(0, 0, 0, 0.05);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: #883cae;
- color: #ffffff;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: #ffffff;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: #ffffff;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 1px 0 0 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 1px 0 0 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #efefef;
- color: #212529;
- border: solid #dee2e6;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #ffffff;
- color: #212529;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #efefef;
- color: #212529;
- border: 1px solid #dee2e6;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: transparent;
- color: #495057;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #883cae;
- color: #ffffff;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
-
- .p-column-filter-clear-button {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
-
- .p-column-filter-overlay {
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 4px;
- box-shadow: none;
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.5rem 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.5rem 1.5rem;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #ffffff;
- background: #883cae;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.75rem 1.5rem;
- border-bottom: 1px solid #dee2e6;
- color: #212529;
- background: #efefef;
- margin: 0;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 1.25rem;
- border-bottom: 1px solid #dee2e6;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1.25rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1.25rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 1.25rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: #883cae;
- }
- .p-orderlist .p-orderlist-header {
- color: #212529;
- padding: 1rem 1.25rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: #212529;
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #dee2e6;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.5rem 1.5rem;
- margin: 0;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: transform 0.15s, box-shadow 0.15s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #e9ecef;
- color: #212529;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: #212529;
- background: #e9ecef;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #212529;
- background: #e9ecef;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #ffffff;
- background: #883cae;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: #703290;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: rgba(0, 0, 0, 0.05);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: #e9ecef;
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: #e9ecef;
- color: #212529;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #883cae;
- color: #ffffff;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #3e1b4f;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #dee2e6;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #dee2e6;
- border-color: #dee2e6;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #dee2e6;
- border-color: #dee2e6;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #dee2e6;
- background: #ffffff;
- color: #212529;
- padding: 1.25rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #ffffff;
- color: #883cae;
- border: solid #dee2e6;
- border-width: 0;
- padding: 0.75rem;
- border-radius: 4px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: #ffffff;
- border: 1px solid #dee2e6;
- color: #883cae;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0 0 0 -1px;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #e9ecef;
- border-color: #dee2e6;
- color: #883cae;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.357rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.357rem;
- }
- .p-paginator .p-paginator-current {
- background-color: #ffffff;
- border: 1px solid #dee2e6;
- color: #883cae;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0 0 0 -1px;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: #ffffff;
- border: 1px solid #dee2e6;
- color: #883cae;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0 0 0 -1px;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #883cae;
- border-color: #883cae;
- color: #ffffff;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #e9ecef;
- border-color: #dee2e6;
- color: #883cae;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 1.25rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #ffffff;
- border: 1px solid #dee2e6;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- border-color: #883cae;
- }
- .p-picklist .p-picklist-header {
- color: #212529;
- padding: 1rem 1.25rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: #212529;
- padding: 0.5rem 0;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #dee2e6;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.5rem 1.5rem;
- margin: 0;
- border: 0 none;
- color: #212529;
- background: transparent;
- transition: transform 0.15s, box-shadow 0.15s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #e9ecef;
- color: #212529;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: #212529;
- background: #e9ecef;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #212529;
- background: #e9ecef;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #ffffff;
- background: #883cae;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: #703290;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: rgba(0, 0, 0, 0.05);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: #e9ecef;
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #883cae;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #dee2e6;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #dee2e6;
- background: #ffffff;
- color: #212529;
- padding: 1.25rem;
- border-radius: 4px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 4px;
- transition: box-shadow 0.15s;
- padding: 0.286rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #6c757d;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #212529;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #883cae;
- color: #ffffff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #ffffff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #ffffff;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #e9ecef;
- color: #212529;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: #495057;
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 1px 0 0 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 1px 0 0 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #efefef;
- color: #212529;
- border: solid #dee2e6;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #efefef;
- color: #212529;
- border: 1px solid #dee2e6;
- border-width: 1px 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #dee2e6;
- border-width: 1px 0 2px 0;
- font-weight: 600;
- color: #212529;
- background: #ffffff;
- transition: box-shadow 0.15s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #dee2e6;
- border-width: 1px 0 1px 0;
- font-weight: 600;
- color: #212529;
- background: #ffffff;
- }
- .p-treetable .p-sortable-column {
- outline-color: rgba(136, 60, 174, 0.5);
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #6c757d;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #ffffff;
- background: #883cae;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #e9ecef;
- color: #212529;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #6c757d;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #ffffff;
- color: #883cae;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #883cae;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #ffffff;
- color: #212529;
- transition: box-shadow 0.15s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #dee2e6;
- border-width: 1px 0 0 0;
- padding: 1rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #212529;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid rgba(136, 60, 174, 0.5);
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #883cae;
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #ffffff;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #ffffff;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: #e9ecef;
- color: #212529;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #212529;
- }
- .p-treetable .p-column-resizer-helper {
- background: #883cae;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #efefef;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1rem 1.25rem;
- border: 1px solid #dee2e6;
- color: #212529;
- background: #efefef;
- font-weight: 600;
- border-radius: 4px;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #e9ecef;
- border-color: #dee2e6;
- color: #212529;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #efefef;
- border-color: #dee2e6;
- color: #212529;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #dee2e6;
- background: #e9ecef;
- color: #212529;
- }
- .p-accordion .p-accordion-content {
- padding: 1.25rem;
- border: 1px solid #dee2e6;
- background: #ffffff;
- color: #212529;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
- border-radius: 0;
- }
- .p-accordion .p-accordion-tab .p-accordion-content {
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-top: 0 none;
- }
- .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-accordion .p-accordion-tab:last-child .p-accordion-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-card {
- background: #ffffff;
- color: #212529;
- box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
- border-radius: 4px;
- }
- .p-card .p-card-body {
- padding: 1.5rem;
- }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #6c757d;
- }
- .p-card .p-card-content {
- padding: 1rem 0;
- }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #dee2e6;
- background: #ffffff;
- color: #212529;
- border-radius: 4px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem 1.25rem;
- border: 1px solid #dee2e6;
- color: #212529;
- background: #efefef;
- font-weight: 600;
- border-radius: 4px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: box-shadow 0.15s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem 1.25rem;
- color: #212529;
- border-radius: 4px;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: #212529;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #e9ecef;
- border-color: #dee2e6;
- color: #212529;
- }
- .p-fieldset .p-fieldset-content {
- padding: 1.25rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #ffffff;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #dee2e6;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #dee2e6;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #dee2e6;
- padding: 1rem 1.25rem;
- background: #efefef;
- color: #212529;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1.25rem;
- }
- .p-panel .p-panel-content {
- padding: 1.25rem;
- border: 1px solid #dee2e6;
- background: #ffffff;
- color: #212529;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-panel .p-panel-footer {
- padding: 0.5rem 1.25rem;
- border: 1px solid #dee2e6;
- background: #ffffff;
- color: #212529;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #efefef;
- border: 0 none;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #dee2e6;
- background: #ffffff;
- border-radius: 4px;
- color: #212529;
- }
- .p-splitter .p-splitter-gutter {
- transition: box-shadow 0.15s;
- background: #efefef;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #dee2e6;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #dee2e6;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: box-shadow 0.15s;
- border-radius: 4px;
- background: transparent;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #212529;
- border: 1px solid #dee2e6;
- border-width: 2px;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 4px;
- transition: box-shadow 0.15s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #6c757d;
- font-weight: 600;
- transition: box-shadow 0.15s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #883cae;
- color: #ffffff;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #212529;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #883cae;
- }
- .p-stepper .p-stepper-panels {
- background: #ffffff;
- padding: 1.25rem;
- color: #212529;
- }
- .p-stepper .p-stepper-separator {
- background-color: #dee2e6;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: box-shadow 0.15s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #ffffff;
- color: #212529;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #883cae;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: transparent;
- border: 1px solid #dee2e6;
- border-width: 0 0 1px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid;
- border-width: 1px;
- border-color: #ffffff #ffffff #dee2e6 #ffffff;
- background: #ffffff;
- color: #6c757d;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: box-shadow 0.15s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #ffffff;
- border-color: #dee2e6;
- color: #6c757d;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #dee2e6 #dee2e6 #ffffff #dee2e6;
- color: #495057;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #ffffff;
- color: #495057;
- width: 2.357rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-tabview .p-tabview-panels {
- background: #ffffff;
- padding: 1.25rem;
- border: 0 none;
- color: #212529;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #efefef;
- border: 1px solid #dee2e6;
- padding: 1rem 1.25rem;
- border-radius: 4px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.2);
- border-radius: 4px;
- box-shadow: none;
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1.25rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1.25rem 1.25rem 1.25rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(0, 0, 0, 0);
- border-bottom-color: rgba(0, 0, 0, 0.2);
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: rgba(0, 0, 0, 0.2);
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 4px;
- box-shadow: none;
- border: 1px solid rgba(0, 0, 0, 0.2);
- }
- .p-dialog .p-dialog-header {
- border-bottom: 1px solid #e9ecef;
- background: #ffffff;
- color: #212529;
- padding: 1rem;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #212529;
- padding: 1rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 1px solid #e9ecef;
- background: #ffffff;
- color: #212529;
- padding: 1rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.2);
- border-radius: 4px;
- box-shadow: none;
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #883cae;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: box-shadow 0.15s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #7a38a7;
- color: #ffffff;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(0, 0, 0, 0);
- border-bottom-color: rgba(0, 0, 0, 0.2);
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: rgba(0, 0, 0, 0.2);
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.2);
- box-shadow: none;
- }
- .p-sidebar .p-sidebar-header {
- padding: 1rem 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #6c757d;
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #495057;
- border-color: transparent;
- background: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 1.25rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #212529;
- color: #ffffff;
- padding: 0.5rem 0.75rem;
- box-shadow: none;
- border-radius: 4px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #212529;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #212529;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #212529;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #212529;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #efefef;
- padding: 1rem 1.25rem;
- border: 1px solid #dee2e6;
- color: #212529;
- border-bottom: 0 none;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-fileupload .p-fileupload-content {
- background: #ffffff;
- padding: 2rem 1rem;
- border: 1px solid #dee2e6;
- color: #212529;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #883cae;
- background-color: #883cae;
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #dee2e6;
- border-radius: 4px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #7a38a7;
- color: #ffffff;
- border-color: #7a38a7;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #68329e;
- color: #ffffff;
- border-color: #68329e;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #efefef;
- border: 0 none;
- border-radius: 4px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: box-shadow 0.15s;
- border-radius: 4px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #883cae;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #883cae;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #6c757d;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #6c757d;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #6c757d;
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.5rem 0;
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- border-radius: 4px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- border-radius: 4px;
- }
- .p-contextmenu .p-menuitem {
- margin: 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #212529;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #212529;
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #e9ecef;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e9ecef;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #212529;
- background: #e9ecef;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 4px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
- }
- .p-dock .p-dock-link {
- width: 4rem;
- height: 4rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem 1rem;
- background: #efefef;
- color: rgba(0, 0, 0, 0.9);
- border: 0 none;
- border-radius: 4px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #212529;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #212529;
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #e9ecef;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e9ecef;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #212529;
- background: #e9ecef;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #212529;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- border-radius: 4px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.5rem 0;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.5rem 0;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: rgba(0, 0, 0, 0.5);
- transition: box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 1rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.5);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.5);
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.5);
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(0, 0, 0, 0.7);
- background: transparent;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.7);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.7);
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem 1rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.5);
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: rgba(0, 0, 0, 0.7);
- background: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.5rem 0;
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.15s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.15s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.25rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.5rem 0;
- background: #ffffff;
- color: #212529;
- border: 1px solid #dee2e6;
- border-radius: 4px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #212529;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #212529;
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #e9ecef;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e9ecef;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #212529;
- background: #e9ecef;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1rem;
- color: #212529;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem 1rem;
- background: #efefef;
- color: rgba(0, 0, 0, 0.9);
- border: 0 none;
- border-radius: 4px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: rgba(0, 0, 0, 0.5);
- transition: box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 1rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.5);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(0, 0, 0, 0.5);
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.5);
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(0, 0, 0, 0.7);
- background: transparent;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(0, 0, 0, 0.7);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(0, 0, 0, 0.7);
- }
- .p-menubar .p-menuitem {
- margin: 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #212529;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #212529;
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #e9ecef;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e9ecef;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #212529;
- background: #e9ecef;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-menubar .p-submenu-list {
- padding: 0.5rem 0;
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- min-width: 12.5rem;
- border-radius: 4px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 2rem;
- height: 2rem;
- color: rgba(0, 0, 0, 0.5);
- border-radius: 50%;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: rgba(0, 0, 0, 0.7);
- background: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.5rem 0;
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.15s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.15s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.25rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.75rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.25rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 6.75rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 8.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 1px solid #dee2e6;
- color: #212529;
- background: #efefef;
- border-radius: 4px;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #212529;
- padding: 1rem 1.25rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #e9ecef;
- border-color: #dee2e6;
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #efefef;
- border-color: #dee2e6;
- color: #212529;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #dee2e6;
- background: #e9ecef;
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.5rem 0;
- border: 1px solid #dee2e6;
- background: #ffffff;
- color: #212529;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #212529;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #212529;
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #e9ecef;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e9ecef;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #212529;
- background: #e9ecef;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-top: 0 none;
- }
- .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: box-shadow 0.15s;
- border-radius: 4px;
- background: transparent;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #212529;
- border: 1px solid #dee2e6;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 4px;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #6c757d;
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #883cae;
- color: #ffffff;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 600;
- color: #212529;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #dee2e6;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: transparent;
- border: 1px solid #dee2e6;
- border-width: 0 0 1px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid;
- border-width: 1px;
- border-color: #ffffff #ffffff #dee2e6 #ffffff;
- background: #ffffff;
- color: #6c757d;
- padding: 0.75rem 1rem;
- font-weight: 600;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- transition: box-shadow 0.15s;
- margin: 0 0 -1px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #ffffff;
- border-color: #dee2e6;
- color: #6c757d;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #dee2e6 #dee2e6 #ffffff #dee2e6;
- color: #495057;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.5rem 0;
- background: #ffffff;
- color: #212529;
- border: 1px solid #dee2e6;
- border-radius: 4px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.5rem 0;
- background: #ffffff;
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: none;
- border-radius: 4px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #212529;
- transition: box-shadow 0.15s;
- border-radius: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #212529;
- padding: 0.75rem 1rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #212529;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #212529;
- background: #e9ecef;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e9ecef;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #212529;
- background: #e9ecef;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #212529;
- background: #e9ecef;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #212529;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #212529;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #dee2e6;
- margin: 0.5rem 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.75rem;
- margin: 0;
- border-radius: 4px;
- }
- .p-inline-message.p-inline-message-info {
- background: #cce5ff;
- border: solid #b8daff;
- border-width: 0px;
- color: #004085;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #004085;
- }
- .p-inline-message.p-inline-message-success {
- background: #d4edda;
- border: solid #c3e6cb;
- border-width: 0px;
- color: #155724;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #155724;
- }
- .p-inline-message.p-inline-message-warn {
- background: #fff3cd;
- border: solid #ffeeba;
- border-width: 0px;
- color: #856404;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #856404;
- }
- .p-inline-message.p-inline-message-error {
- background: #f8d7da;
- border: solid #f5c6cb;
- border-width: 0px;
- color: #721c24;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #721c24;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 4px;
- }
- .p-message .p-message-wrapper {
- padding: 1rem 1.25rem;
- }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-message.p-message-info {
- background: #cce5ff;
- border: solid #b8daff;
- border-width: 1px;
- color: #004085;
- }
- .p-message.p-message-info .p-message-icon {
- color: #004085;
- }
- .p-message.p-message-info .p-message-close {
- color: #004085;
- }
- .p-message.p-message-success {
- background: #d4edda;
- border: solid #c3e6cb;
- border-width: 1px;
- color: #155724;
- }
- .p-message.p-message-success .p-message-icon {
- color: #155724;
- }
- .p-message.p-message-success .p-message-close {
- color: #155724;
- }
- .p-message.p-message-warn {
- background: #fff3cd;
- border: solid #ffeeba;
- border-width: 1px;
- color: #856404;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #856404;
- }
- .p-message.p-message-warn .p-message-close {
- color: #856404;
- }
- .p-message.p-message-error {
- background: #f8d7da;
- border: solid #f5c6cb;
- border-width: 1px;
- color: #721c24;
- }
- .p-message.p-message-error .p-message-icon {
- color: #721c24;
- }
- .p-message.p-message-error .p-message-close {
- color: #721c24;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
- border-radius: 4px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #cce5ff;
- border: solid #b8daff;
- border-width: 1px;
- color: #004085;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #004085;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #d4edda;
- border: solid #c3e6cb;
- border-width: 1px;
- color: #155724;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #155724;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #fff3cd;
- border: solid #ffeeba;
- border-width: 1px;
- color: #856404;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #856404;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #f8d7da;
- border: solid #f5c6cb;
- border-width: 1px;
- color: #721c24;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #721c24;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #efefef;
- width: 4rem;
- height: 4rem;
- transition: box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #efefef;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #efefef;
- width: 4rem;
- height: 4rem;
- transition: box-shadow 0.15s;
- border-radius: 4px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #efefef;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #efefef;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #e9ecef;
- width: 1rem;
- height: 1rem;
- transition: box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #dee2e6;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #883cae;
- color: #ffffff;
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #883cae;
- color: #ffffff;
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #efefef;
- width: 2rem;
- height: 2rem;
- transition: box-shadow 0.15s;
- border-radius: 4px;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #efefef;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #f8f9fa;
- transition: box-shadow 0.15s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #f8f9fa;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: box-shadow 0.15s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #f8f9fa;
- background-color: rgba(255, 255, 255, 0.1);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #dee2e6;
- border-radius: 4px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #ffffff;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #883cae;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #6c757d;
- color: #ffffff;
- }
- .p-badge.p-badge-success {
- background-color: #28a745;
- color: #ffffff;
- }
- .p-badge.p-badge-info {
- background-color: #17a2b8;
- color: #ffffff;
- }
- .p-badge.p-badge-warning {
- background-color: #ffc107;
- color: #212529;
- }
- .p-badge.p-badge-danger {
- background-color: #dc3545;
- color: #ffffff;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 4px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #dee2e6;
- color: #212529;
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 4px;
- transition: box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.75rem;
- border-radius: 4px;
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #e9ecef;
- color: #212529;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #e9ecef;
- border-radius: 4px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #883cae;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #883cae;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 4px;
- border-top-right-radius: 4px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #e9ecef;
- border-radius: 4px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #883cae;
- }
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 1.5rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #721c24;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #721c24;
- }
- 40% {
- stroke: #004085;
- }
- 66% {
- stroke: #155724;
- }
- 80%, 90% {
- stroke: #856404;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 4px;
- box-shadow: none;
- transition: box-shadow 0.15s;
- }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7);
- }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8);
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #efefef;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: #e9ecef;
- border-radius: 4px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #883cae;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 4px;
- }
- .p-tag.p-tag-success {
- background-color: #28a745;
- color: #ffffff;
- }
- .p-tag.p-tag-info {
- background-color: #17a2b8;
- color: #ffffff;
- }
- .p-tag.p-tag-warning {
- background-color: #ffc107;
- color: #212529;
- }
- .p-tag.p-tag-danger {
- background-color: #dc3545;
- color: #ffffff;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #ffffff;
- color: #212529;
- border: 1px solid #dee2e6;
- padding: 1.25rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-/* Vendor extensions to the designer enhanced bootstrap compatibility */
-@layer primevue {
- .fc.fc-theme-standard .fc-highlight {
- background: #e7d8ef;
- }
-
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- background-color: #e7d8ef;
- }
-}
-/* Customizations to the designer theme should be defined here */
diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css
deleted file mode 100644
index e97ec44..0000000
--- a/public/themes/fluent-light/theme.css
+++ /dev/null
@@ -1,10798 +0,0 @@
-:root {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
- --surface-a:#ffffff;
- --surface-b:#faf9f8;
- --surface-c:#f3f2f1;
- --surface-d:#edebe9;
- --surface-e:#ffffff;
- --surface-f:#ffffff;
- --text-color:#323130;
- --text-color-secondary:#605e5c;
- --primary-color:#0078d4;
- --primary-color-text:#ffffff;
- --surface-0: #ffffff;
- --surface-50: #f3f2f1;
- --surface-100: #e1dfdd;
- --surface-200: #bebbb8;
- --surface-300: #a19f9d;
- --surface-400: #797775;
- --surface-500: #484644;
- --surface-600: #323130;
- --surface-700: #252423;
- --surface-800: #1b1a19;
- --surface-900: #11100f;
- --gray-50: #f3f2f1;
- --gray-100: #e1dfdd;
- --gray-200: #bebbb8;
- --gray-300: #a19f9d;
- --gray-400: #797775;
- --gray-500: #484644;
- --gray-600: #323130;
- --gray-700: #252423;
- --gray-800: #1b1a19;
- --gray-900: #11100f;
- --content-padding:1rem;
- --inline-spacing:0.5rem;
- --border-radius:2px;
- --surface-ground:#faf9f8;
- --surface-section:#ffffff;
- --surface-card:#ffffff;
- --surface-overlay:#ffffff;
- --surface-border:#edebe9;
- --surface-hover:#f3f2f1;
- --focus-ring: inset 0 0 0 1px #605e5c;
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: #edebe9;
- --highlight-text-color: #323130;
- color-scheme: light;
-}
-
-:root {
- --blue-50:#f3f8fc;
- --blue-100:#c6dcef;
- --blue-200:#98c1e3;
- --blue-300:#6ba5d7;
- --blue-400:#3d8aca;
- --blue-500:#106ebe;
- --blue-600:#0e5ea2;
- --blue-700:#0b4d85;
- --blue-800:#093d69;
- --blue-900:#062c4c;
- --green-50:#f7fbf3;
- --green-100:#d9eac4;
- --green-200:#bbda96;
- --green-300:#9cca67;
- --green-400:#7eb939;
- --green-500:#60a90a;
- --green-600:#529009;
- --green-700:#437607;
- --green-800:#355d06;
- --green-900:#264404;
- --yellow-50:#fffcf2;
- --yellow-100:#ffeec2;
- --yellow-200:#ffe191;
- --yellow-300:#ffd461;
- --yellow-400:#ffc630;
- --yellow-500:#ffb900;
- --yellow-600:#d99d00;
- --yellow-700:#b38200;
- --yellow-800:#8c6600;
- --yellow-900:#664a00;
- --cyan-50:#f2fbfc;
- --cyan-100:#c2eef1;
- --cyan-200:#91e0e5;
- --cyan-300:#61d2da;
- --cyan-400:#30c5ce;
- --cyan-500:#00b7c3;
- --cyan-600:#009ca6;
- --cyan-700:#008089;
- --cyan-800:#00656b;
- --cyan-900:#00494e;
- --pink-50:#fef2f9;
- --pink-100:#f8c2e3;
- --pink-200:#f391ce;
- --pink-300:#ee61b8;
- --pink-400:#e830a2;
- --pink-500:#e3008c;
- --pink-600:#c10077;
- --pink-700:#9f0062;
- --pink-800:#7d004d;
- --pink-900:#5b0038;
- --indigo-50:#f5f6fc;
- --indigo-100:#cdd3f1;
- --indigo-200:#a5b0e6;
- --indigo-300:#7d8edc;
- --indigo-400:#566bd1;
- --indigo-500:#2e48c6;
- --indigo-600:#273da8;
- --indigo-700:#20328b;
- --indigo-800:#19286d;
- --indigo-900:#121d4f;
- --teal-50:#f2f9f8;
- --teal-100:#c2e1dd;
- --teal-200:#91c9c2;
- --teal-300:#61b2a8;
- --teal-400:#309a8d;
- --teal-500:#008272;
- --teal-600:#006f61;
- --teal-700:#005b50;
- --teal-800:#00483f;
- --teal-900:#00342e;
- --orange-50:#fdf7f2;
- --orange-100:#f5d8c2;
- --orange-200:#edb991;
- --orange-300:#e49a61;
- --orange-400:#dc7b30;
- --orange-500:#d45c00;
- --orange-600:#b44e00;
- --orange-700:#944000;
- --orange-800:#753300;
- --orange-900:#552500;
- --bluegray-50:#f8f9fb;
- --bluegray-100:#dee4ed;
- --bluegray-200:#c4cfe0;
- --bluegray-300:#a9bad2;
- --bluegray-400:#8fa4c4;
- --bluegray-500:#758fb6;
- --bluegray-600:#637a9b;
- --bluegray-700:#52647f;
- --bluegray-800:#404f64;
- --bluegray-900:#2f3949;
- --purple-50:#f9f8fd;
- --purple-100:#e1dff7;
- --purple-200:#cac5f1;
- --purple-300:#b2abeb;
- --purple-400:#9b92e4;
- --purple-500:#8378de;
- --purple-600:#6f66bd;
- --purple-700:#5c549b;
- --purple-800:#48427a;
- --purple-900:#343059;
- --red-50:#fdf5f5;
- --red-100:#f4cecf;
- --red-200:#eba8a9;
- --red-300:#e28184;
- --red-400:#da5b5e;
- --red-500:#d13438;
- --red-600:#b22c30;
- --red-700:#922427;
- --red-800:#731d1f;
- --red-900:#541516;
- --primary-50:#f2f8fd;
- --primary-100:#c2dff5;
- --primary-200:#91c5ed;
- --primary-300:#61abe4;
- --primary-400:#3092dc;
- --primary-500:#0078d4;
- --primary-600:#0066b4;
- --primary-700:#005494;
- --primary-800:#004275;
- --primary-900:#003055;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #faf9f8;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #a19f9d;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: #605e5c;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: #605e5c;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: #605e5c;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: #323130;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: #323130;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: #323130;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: #323130;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: #323130;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: #323130;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #ffffff;
- border: 0 none;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- border-radius: 2px;
- padding: 0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: #323130;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: #323130;
- background: #f3f2f1;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.75rem 0.5rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #a19f9d;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #ffffff;
- color: #323130;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: #323130;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: #323130;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: #323130;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #0078d4;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #0078d4;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #0078d4;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #0078d4;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.6;
- }
-
- .p-error {
- color: #a4252c;
- }
-
- .p-text-secondary {
- color: #605e5c;
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 2px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.5rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 2.857rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #323130;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.25rem 0.5rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.25rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #323130;
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.25rem 0.5rem;
- background: #edebe9;
- color: #323130;
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #e1dfdd;
- color: #323130;
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #a4252c;
- }
-
- .p-autocomplete-panel {
- background: #ffffff;
- color: #323130;
- border: 0 none;
- border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.75rem 0.5rem;
- border: 1px solid transparent;
- color: #323130;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: #323130;
- background: #edebe9;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: #e1dfdd;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #323130;
- background: #f3f2f1;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 0.5rem;
- color: #0078d4;
- background: #ffffff;
- font-weight: 600;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #a4252c;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
-
- .p-datepicker {
- padding: 0.75rem;
- background: #ffffff;
- color: #323130;
- border: 1px solid #605e5c;
- border-radius: 2px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #ffffff;
- border: 0 none;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #ffffff;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0 0.5rem 0.5rem 0.5rem;
- color: #323130;
- background: #ffffff;
- font-weight: 600;
- margin: 0;
- border-bottom: 0 none;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: #323130;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- font-weight: 600;
- padding: 0.5rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #0078d4;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0;
- }
- .p-datepicker table th {
- padding: 0.5rem;
- }
- .p-datepicker table th > span {
- width: 2rem;
- height: 2rem;
- }
- .p-datepicker table td {
- padding: 1px;
- }
- .p-datepicker table td > span {
- width: 2rem;
- height: 2rem;
- border-radius: 2px;
- transition: box-shadow 0.2s;
- border: 0 none;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: #323130;
- background: #edebe9;
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: #0078d4;
- color: #ffffff;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: #323130;
- background: #edebe9;
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #edebe9;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #edebe9;
- padding: 0.5rem;
- }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 1px;
- transition: box-shadow 0.2s;
- border-radius: 2px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: #323130;
- background: #edebe9;
- }
- .p-datepicker .p-yearpicker {
- margin: 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 1px;
- transition: box-shadow 0.2s;
- border-radius: 2px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: #323130;
- background: #edebe9;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #edebe9;
- padding-right: 0.75rem;
- padding-left: 0.75rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: #f3f2f1;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: #f3f2f1;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: #f3f2f1;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #ffffff;
- border: 1px solid #605e5c;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #323130;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #faf9f8;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #faf9f8;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #faf9f8;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.5rem 0.5rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: #605e5c;
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: #605e5c;
- width: 2.357rem;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #a4252c;
- }
-
- .p-cascadeselect-panel {
- background: #ffffff;
- color: #323130;
- border: 0 none;
- border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 1px solid transparent;
- color: #323130;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: #323130;
- background: #edebe9;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: #e1dfdd;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #323130;
- background: #f3f2f1;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.75rem 0.5rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 20px;
- height: 20px;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #605e5c;
- border-radius: 2px;
- }
- .p-checkbox .p-checkbox-box {
- border: 1px solid #605e5c;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #323130;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #ffffff;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #0078d4;
- background: #0078d4;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #323130;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #005a9e;
- background: #005a9e;
- color: #ffffff;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #a4252c;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #faf9f8;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #0078d4;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #faf9f8;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #005a9e;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #faf9f8;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #0078d4;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #faf9f8;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #005a9e;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #323130;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.25rem 0.5rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #edebe9;
- color: #323130;
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #e1dfdd;
- color: #323130;
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.25rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #323130;
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #a4252c;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 2rem;
- height: 2rem;
- }
-
- .p-colorpicker-panel {
- background: #323232;
- border: 1px solid #191919;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: #ffffff;
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #ffffff;
- border: 1px solid #605e5c;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #323130;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
- .p-dropdown.p-variant-filled {
- background: #faf9f8;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #faf9f8;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #faf9f8;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.5rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: #605e5c;
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: #605e5c;
- width: 2.357rem;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: #605e5c;
- right: 2.357rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #a4252c;
- }
-
- .p-dropdown-panel {
- background: #ffffff;
- color: #323130;
- border: 0 none;
- border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.75rem 0.5rem;
- border-bottom: 1px solid #edebe9;
- color: #323130;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.5rem;
- margin-right: -1.5rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.5rem;
- color: #605e5c;
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.75rem 0.5rem;
- border: 1px solid transparent;
- color: #323130;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: #323130;
- background: #edebe9;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: #e1dfdd;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #323130;
- background: #f3f2f1;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 0.5rem;
- color: #0078d4;
- background: #ffffff;
- font-weight: 600;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.75rem 0.5rem;
- color: #323130;
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #f3f2f1;
- color: #605e5c;
- border-top: 1px solid #605e5c;
- border-left: 1px solid #605e5c;
- border-bottom: 1px solid #605e5c;
- padding: 0.5rem 0.5rem;
- min-width: 2.357rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #605e5c;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 2px;
- border-bottom-left-radius: 2px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 2px;
- border-bottom-left-radius: 2px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 2.357rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.5rem;
- color: #605e5c;
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.5rem;
- color: #605e5c;
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #a4252c;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #faf9f8;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #faf9f8;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #faf9f8;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 3rem;
- height: 1.75rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #ffffff;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: #605e5c;
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #0078d4;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #ffffff;
- transform: translateX(1.25rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #ffffff;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #005a9e;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #a4252c;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: #323130;
- background: #ffffff;
- padding: 0.5rem 0.5rem;
- border: 1px solid #605e5c;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- appearance: none;
- border-radius: 2px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #323130;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #a4252c;
- }
- .p-inputtext.p-variant-filled {
- background-color: #faf9f8;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #faf9f8;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #faf9f8;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.625rem 0.625rem;
- }
-
- .p-float-label > label {
- left: 0.5rem;
- color: #605e5c;
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #a4252c;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2rem;
- }
-
- ::-webkit-input-placeholder {
- color: #605e5c;
- }
-
- :-moz-placeholder {
- color: #605e5c;
- }
-
- ::-moz-placeholder {
- color: #605e5c;
- }
-
- :-ms-input-placeholder {
- color: #605e5c;
- }
-
- .p-input-filled .p-inputtext {
- background-color: #faf9f8;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #faf9f8;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #faf9f8;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.4375rem 0.4375rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.625rem 0.625rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #ffffff;
- color: #323130;
- border: 1px solid #605e5c;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.75rem 0.5rem;
- border-bottom: 1px solid #edebe9;
- color: #323130;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.5rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.5rem;
- color: #605e5c;
- }
- .p-listbox .p-listbox-list {
- padding: 0;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.75rem 0.5rem;
- border: 1px solid transparent;
- color: #323130;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: #323130;
- background: #edebe9;
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 0.5rem;
- color: #0078d4;
- background: #ffffff;
- font-weight: 600;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.75rem 0.5rem;
- color: #323130;
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: #e1dfdd;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #323130;
- background: #f3f2f1;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: #323130;
- background: #f3f2f1;
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
- .p-listbox.p-invalid {
- border-color: #a4252c;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #ffffff;
- border: 1px solid #605e5c;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #323130;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
- .p-multiselect.p-variant-filled {
- background: #faf9f8;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #faf9f8;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #faf9f8;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: #605e5c;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #edebe9;
- color: #323130;
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: #605e5c;
- width: 2.357rem;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #a4252c;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.25rem 0.5rem;
- }
-
- .p-multiselect-panel {
- background: #ffffff;
- color: #323130;
- border: 0 none;
- border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.75rem 0.5rem;
- border-bottom: 1px solid #edebe9;
- color: #323130;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.5rem;
- color: #605e5c;
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.75rem 0.5rem;
- border: 1px solid transparent;
- color: #323130;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: #323130;
- background: #edebe9;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: #e1dfdd;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: #323130;
- background: #f3f2f1;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 0.5rem;
- color: #0078d4;
- background: #ffffff;
- font-weight: 600;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.75rem 0.5rem;
- color: #323130;
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #a4252c;
- }
-
- .p-password-panel {
- padding: 1rem;
- background: #ffffff;
- color: #323130;
- border: 0 none;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- border-radius: 2px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #edebe9;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #d13438;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffaa44;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #498205;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 20px;
- height: 20px;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #605e5c;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 1px solid #605e5c;
- background: #ffffff;
- width: 20px;
- height: 20px;
- color: #323130;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #0078d4;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #0078d4;
- background: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #323130;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #005a9e;
- background: #ffffff;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #005a9e;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #a4252c;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #faf9f8;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #faf9f8;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #faf9f8;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #faf9f8;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #ffffff;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: #323130;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1.143rem;
- height: 1.143rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #a4252c;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #323130;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #0078d4;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #a4252c;
- }
-
- .p-selectbutton .p-button {
- background: #ffffff;
- border: 1px solid #605e5c;
- color: #323130;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: #605e5c;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: #f3f2f1;
- border-color: #605e5c;
- color: #323130;
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: #605e5c;
- }
- .p-selectbutton .p-button.p-highlight {
- background: #edebe9;
- border-color: #605e5c;
- color: #323130;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #323130;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #edebe9;
- border-color: #605e5c;
- color: #323130;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #323130;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #a4252c;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #c8c6c4;
- border: 0 none;
- border-radius: 2px;
- }
- .p-slider.p-slider-horizontal {
- height: 4px;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -8px;
- margin-left: -8px;
- }
- .p-slider.p-slider-vertical {
- width: 4px;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -8px;
- margin-bottom: -8px;
- }
- .p-slider .p-slider-handle {
- height: 16px;
- width: 16px;
- background: #ffffff;
- border: 2px solid #605e5c;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-slider .p-slider-range {
- background: #605e5c;
- border-radius: 2px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #ffffff;
- border-color: #005a9e;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #ffffff;
- border: 1px solid #605e5c;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #323130;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
- .p-treeselect.p-variant-filled {
- background: #faf9f8;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #faf9f8;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #faf9f8;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.5rem 0.5rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: #605e5c;
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.25rem 0.5rem;
- margin-right: 0.5rem;
- background: #edebe9;
- color: #323130;
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: #605e5c;
- width: 2.357rem;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #a4252c;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.25rem 0.5rem;
- }
-
- .p-treeselect-panel {
- background: #ffffff;
- color: #323130;
- border: 0 none;
- border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.75rem 0.5rem;
- color: #323130;
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #faf9f8;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #faf9f8;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #faf9f8;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #605e5c;
- border-radius: 2px;
- }
- .p-togglebutton .p-button {
- background: #ffffff;
- border: 1px solid #605e5c;
- color: #323130;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: #605e5c;
- }
- .p-togglebutton.p-highlight .p-button {
- background: #edebe9;
- border-color: #605e5c;
- color: #323130;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #323130;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: #f3f2f1;
- border-color: #605e5c;
- color: #323130;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: #605e5c;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #edebe9;
- border-color: #605e5c;
- color: #323130;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #323130;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #a4252c;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #ffffff;
- background: #0078d4;
- border: 1px solid #0078d4;
- padding: 0.5rem 1rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 2px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #106ebe;
- color: #ffffff;
- border-color: #106ebe;
- }
- .p-button:not(:disabled):active {
- background: #005a9e;
- color: #ffffff;
- border-color: #005a9e;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #0078d4;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(0, 120, 212, 0.04);
- color: #0078d4;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(0, 120, 212, 0.16);
- color: #0078d4;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: #605e5c;
- border-color: #605e5c;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: #f3f2f1;
- color: #605e5c;
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: #edebe9;
- color: #605e5c;
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #0078d4;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(0, 120, 212, 0.04);
- color: #0078d4;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(0, 120, 212, 0.16);
- color: #0078d4;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: #605e5c;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: #f3f2f1;
- color: #605e5c;
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: #edebe9;
- color: #605e5c;
- }
- .p-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #0078d4;
- background-color: #ffffff;
- }
- .p-button.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 2.357rem;
- padding: 0.5rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 2.357rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.4375rem 0.875rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.625rem 1.25rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 2.357rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #ffffff;
- background: #d45c00;
- border: 1px solid #d45c00;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #bf5300;
- color: #ffffff;
- border-color: #bf5300;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.2rem #ffbc88;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #aa4a00;
- color: #ffffff;
- border-color: #aa4a00;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #d45c00;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(212, 92, 0, 0.04);
- color: #d45c00;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(212, 92, 0, 0.16);
- color: #d45c00;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #d45c00;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(212, 92, 0, 0.04);
- border-color: transparent;
- color: #d45c00;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(212, 92, 0, 0.16);
- border-color: transparent;
- color: #d45c00;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #ffffff;
- background: #00b7c3;
- border: 1px solid #00b7c3;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #00a5b0;
- color: #ffffff;
- border-color: #00a5b0;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.2rem #81f7ff;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #00929c;
- color: #ffffff;
- border-color: #00929c;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #00b7c3;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(0, 183, 195, 0.04);
- color: #00b7c3;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(0, 183, 195, 0.16);
- color: #00b7c3;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #00b7c3;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(0, 183, 195, 0.04);
- border-color: transparent;
- color: #00b7c3;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(0, 183, 195, 0.16);
- border-color: transparent;
- color: #00b7c3;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #ffffff;
- background: #498205;
- border: 1px solid #498205;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #427505;
- color: #ffffff;
- border-color: #427505;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.2rem #baf96f;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #3a6804;
- color: #ffffff;
- border-color: #3a6804;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #498205;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(73, 130, 5, 0.04);
- color: #498205;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(73, 130, 5, 0.16);
- color: #498205;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #498205;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(73, 130, 5, 0.04);
- border-color: transparent;
- color: #498205;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(73, 130, 5, 0.16);
- border-color: transparent;
- color: #498205;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #323130;
- background: #ffaa44;
- border: 1px solid #ffaa44;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #ff9b24;
- color: #323130;
- border-color: #ff9b24;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.2rem #ffddb4;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #ff8d03;
- color: #323130;
- border-color: #ff8d03;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffaa44;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 170, 68, 0.04);
- color: #ffaa44;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 170, 68, 0.16);
- color: #ffaa44;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #ffaa44;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 170, 68, 0.04);
- border-color: transparent;
- color: #ffaa44;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 170, 68, 0.16);
- border-color: transparent;
- color: #ffaa44;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #ffffff;
- background: #8378de;
- border: 1px solid #8378de;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #6a5dd7;
- color: #ffffff;
- border-color: #6a5dd7;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.2rem #cdc9f2;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #5141d1;
- color: #ffffff;
- border-color: #5141d1;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #8378de;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(131, 120, 222, 0.04);
- color: #8378de;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(131, 120, 222, 0.16);
- color: #8378de;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #8378de;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(131, 120, 222, 0.04);
- border-color: transparent;
- color: #8378de;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(131, 120, 222, 0.16);
- border-color: transparent;
- color: #8378de;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #ffffff;
- background: #d13438;
- border: 1px solid #d13438;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #c02b2f;
- color: #ffffff;
- border-color: #c02b2f;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 0.2rem #edaeaf;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #aa272a;
- color: #ffffff;
- border-color: #aa272a;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #d13438;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(209, 52, 56, 0.04);
- color: #d13438;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(209, 52, 56, 0.16);
- color: #d13438;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #d13438;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(209, 52, 56, 0.04);
- border-color: transparent;
- color: #d13438;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(209, 52, 56, 0.16);
- border-color: transparent;
- color: #d13438;
- }
-
- .p-button.p-button-link {
- color: #0078d4;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #005a9e;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: 0 0 0 1px #605e5c;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #0078d4;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1.3rem;
- height: 1.3rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
-
- .p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: #323130;
- color: #ffffff;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-speeddial-action:hover {
- background: #605e5c;
- color: #ffffff;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 2px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 2px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #c8c6c4;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: #e1dfdd;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: #edebe9;
- color: #323130;
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #ffffff;
- color: #323130;
- border: 1px solid #f3f2f1;
- border-width: 1px 0 1px 0;
- padding: 0.75rem 0.75rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-footer {
- background: #ffffff;
- color: #323130;
- border: 1px solid #f3f2f1;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem;
- font-weight: 600;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 0.75rem;
- border: 1px solid #f3f2f1;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #323130;
- background: #ffffff;
- transition: box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 0.75rem;
- border: 1px solid #f3f2f1;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #323130;
- background: #ffffff;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: #605e5c;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #323130;
- background: #edebe9;
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: #f3f2f1;
- color: #323130;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #605e5c;
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: #edebe9;
- color: #323130;
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #323130;
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: #f3f2f1;
- color: #323130;
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: #323130;
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem #605e5c;
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #ffffff;
- color: #323130;
- transition: box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #f3f2f1;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 600;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid #605e5c;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: #edebe9;
- color: #323130;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid #605e5c;
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #edebe9;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #edebe9;
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: #f3f2f1;
- color: #323130;
- }
- .p-datatable .p-column-resizer-helper {
- background: #0078d4;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #ffffff;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #faf9f8;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: #edebe9;
- color: #323130;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: #323130;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: #323130;
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.375rem 0.375rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.375rem 0.375rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.375rem 0.375rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.375rem 0.375rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.375rem 0.375rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 0.9375rem 0.9375rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 0.9375rem 0.9375rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 0.9375rem 0.9375rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 0.9375rem 0.9375rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 0.9375rem 0.9375rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #ffffff;
- color: #323130;
- border: 1px solid #f3f2f1;
- border-width: 1px 0 1px 0;
- padding: 0.75rem 0.75rem;
- font-weight: 600;
- }
- .p-dataview .p-dataview-content {
- background: #ffffff;
- color: #323130;
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #ffffff;
- color: #323130;
- border: 1px solid #f3f2f1;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem;
- font-weight: 600;
- border-bottom-left-radius: 2px;
- border-bottom-right-radius: 2px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: #f3f2f1;
- color: #605e5c;
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: #edebe9;
- color: #323130;
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
-
- .p-column-filter-clear-button {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
-
- .p-column-filter-overlay {
- background: #ffffff;
- color: #323130;
- border: 0 none;
- border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.75rem 0.5rem;
- border: 1px solid transparent;
- color: #323130;
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: #323130;
- background: #edebe9;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #605e5c;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #edebe9;
- margin: 0.25rem 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.75rem 0.5rem;
- border-bottom: 1px solid #edebe9;
- color: #323130;
- background: #ffffff;
- margin: 0;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 1rem;
- border-bottom: 1px solid #edebe9;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.5rem 1rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 1rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #ffffff;
- border: 1px solid #a19f9d;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
- .p-orderlist .p-orderlist-header {
- color: #323130;
- padding: 1rem;
- font-weight: 600;
- }
- .p-orderlist .p-orderlist-list {
- color: #323130;
- padding: 0;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #a19f9d;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.75rem 0.5rem;
- margin: 0;
- border: 1px solid transparent;
- color: #323130;
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: #f3f2f1;
- color: #323130;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: #323130;
- background: #f3f2f1;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: #323130;
- background: #f3f2f1;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: #323130;
- background: #edebe9;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: #e1dfdd;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #faf9f8;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: #f3f2f1;
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: #f3f2f1;
- color: #323130;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: #edebe9;
- color: #323130;
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: #b4aba3;
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #a19f9d;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #a19f9d;
- border-color: #a19f9d;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #a19f9d;
- border-color: #a19f9d;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #a19f9d;
- background: #ffffff;
- color: #323130;
- padding: 1rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #ffffff;
- color: #605e5c;
- border: solid #f3f2f1;
- border-width: 0;
- padding: 0.5rem 1rem;
- border-radius: 2px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: #605e5c;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 2px;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: #f3f2f1;
- border-color: transparent;
- color: #323130;
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 2.357rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 2.357rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: #605e5c;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: #605e5c;
- min-width: 2.357rem;
- height: 2.357rem;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 2px;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: #edebe9;
- border-color: #edebe9;
- color: #323130;
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: #f3f2f1;
- border-color: transparent;
- color: #323130;
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 1rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #ffffff;
- border: 1px solid #a19f9d;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- border-color: #0078d4;
- }
- .p-picklist .p-picklist-header {
- color: #323130;
- padding: 1rem;
- font-weight: 600;
- }
- .p-picklist .p-picklist-list {
- color: #323130;
- padding: 0;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #a19f9d;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.75rem 0.5rem;
- margin: 0;
- border: 1px solid transparent;
- color: #323130;
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: #f3f2f1;
- color: #323130;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: #323130;
- background: #f3f2f1;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: #323130;
- background: #f3f2f1;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: #323130;
- background: #edebe9;
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: #e1dfdd;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #faf9f8;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: #f3f2f1;
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 0 none;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #0078d4;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #a19f9d;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #a19f9d;
- background: #ffffff;
- color: #323130;
- padding: 1rem;
- border-radius: 2px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #605e5c;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 2px;
- transition: box-shadow 0.2s;
- padding: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: #605e5c;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #323130;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: #edebe9;
- color: #323130;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: #323130;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: #323130;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: #f3f2f1;
- color: #323130;
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.5rem;
- color: #605e5c;
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #ffffff;
- color: #323130;
- border: 1px solid #f3f2f1;
- border-width: 1px 0 1px 0;
- padding: 0.75rem 0.75rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-footer {
- background: #ffffff;
- color: #323130;
- border: 1px solid #f3f2f1;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem;
- font-weight: 600;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 0.75rem 0.75rem;
- border: 1px solid #f3f2f1;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #323130;
- background: #ffffff;
- transition: box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 0.75rem 0.75rem;
- border: 1px solid #f3f2f1;
- border-width: 0 0 1px 0;
- font-weight: 600;
- color: #323130;
- background: #ffffff;
- }
- .p-treetable .p-sortable-column {
- outline-color: #605e5c;
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: #605e5c;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: #323130;
- background: #edebe9;
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: #f3f2f1;
- color: #323130;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: #605e5c;
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: #edebe9;
- color: #323130;
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: #323130;
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #ffffff;
- color: #323130;
- transition: box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #f3f2f1;
- border-width: 0 0 1px 0;
- padding: 0.75rem 0.75rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: #323130;
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid #605e5c;
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: #edebe9;
- color: #323130;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: #323130;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: #323130;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: #f3f2f1;
- color: #323130;
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: #323130;
- }
- .p-treetable .p-column-resizer-helper {
- background: #0078d4;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #faf9f8;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.65625rem 0.65625rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.375rem 0.375rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.375rem 0.375rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.375rem 0.375rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.375rem 0.375rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 0.9375rem 0.9375rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 0.9375rem 0.9375rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 0.9375rem 0.9375rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 0.9375rem 0.9375rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 0.9375rem 0.9375rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1rem;
- border: 1px solid #a19f9d;
- color: #323130;
- background: #faf9f8;
- font-weight: 600;
- border-radius: 2px;
- transition: box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset inset 0 0 0 1px #605e5c;
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: #f3f2f1;
- border-color: #a19f9d;
- color: #323130;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #faf9f8;
- border-color: #a19f9d;
- color: #323130;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #a19f9d;
- background: #f3f2f1;
- color: #323130;
- }
- .p-accordion .p-accordion-content {
- padding: 1rem;
- border: 1px solid #a19f9d;
- background: #ffffff;
- color: #323130;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 4px;
- }
-
- .p-card {
- background: #ffffff;
- color: #323130;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 1.6px 3.6px 0px, rgba(0, 0, 0, 0.11) 0px 0.3px 0.9px 0px;
- border-radius: 2px;
- }
- .p-card .p-card-body {
- padding: 1rem;
- }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: #605e5c;
- }
- .p-card .p-card-content {
- padding: 1rem 0;
- }
- .p-card .p-card-footer {
- padding: 1rem 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #a19f9d;
- background: #ffffff;
- color: #323130;
- border-radius: 2px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1rem;
- border: 1px solid #a19f9d;
- color: #323130;
- background: #faf9f8;
- font-weight: 600;
- border-radius: 2px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1rem;
- color: #323130;
- border-radius: 2px;
- transition: box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: #323130;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: #f3f2f1;
- border-color: #a19f9d;
- color: #323130;
- }
- .p-fieldset .p-fieldset-content {
- padding: 1rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #ffffff;
- }
- .p-divider.p-divider-horizontal {
- margin: 1rem 0;
- padding: 0 1rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #edebe9;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1rem;
- padding: 1rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #edebe9;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #a19f9d;
- padding: 1rem;
- background: #faf9f8;
- color: #323130;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 600;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.5rem 1rem;
- }
- .p-panel .p-panel-content {
- padding: 1rem;
- border: 1px solid #a19f9d;
- background: #ffffff;
- color: #323130;
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .p-panel .p-panel-footer {
- padding: 0.5rem 1rem;
- border: 1px solid #a19f9d;
- background: #ffffff;
- color: #323130;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #f3f2f1;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #a19f9d;
- background: #ffffff;
- border-radius: 2px;
- color: #323130;
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: #faf9f8;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #edebe9;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #edebe9;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: box-shadow 0.2s;
- border-radius: 2px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: #323130;
- border: 1px solid #f3f2f1;
- border-width: 2px;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: #605e5c;
- font-weight: 600;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: #edebe9;
- color: #323130;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: #323130;
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-stepper .p-stepper-panels {
- background: #ffffff;
- padding: 1rem;
- color: #323130;
- }
- .p-stepper .p-stepper-separator {
- background-color: #a19f9d;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: box-shadow 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #ffffff;
- color: #323130;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: #ffffff;
- border: 0 none;
- border-width: 0 0 2px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #a19f9d;
- border-width: 0 0 2px 0;
- border-color: transparent transparent transparent transparent;
- background: #ffffff;
- color: #605e5c;
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- transition: box-shadow 0.2s;
- margin: 0 0.5rem -2px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset inset 0 0 0 1px #605e5c;
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #f3f2f1;
- border-color: transparent;
- color: #605e5c;
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #ffffff;
- border-color: #0078d4;
- color: #323130;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #ffffff;
- color: #323130;
- width: 2.357rem;
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset inset 0 0 0 1px #605e5c;
- }
- .p-tabview .p-tabview-panels {
- background: #ffffff;
- padding: 1rem;
- border: 0 none;
- color: #323130;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #faf9f8;
- border: 1px solid #a19f9d;
- padding: 1rem;
- border-radius: 2px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #ffffff;
- color: #323130;
- border: 0 none;
- border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px;
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1rem 1rem 1rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #f2f2f2;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #ffffff;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #ffffff;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px;
- border: 0 none;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #ffffff;
- color: #323130;
- padding: 1.5rem;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 600;
- font-size: 1.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #ffffff;
- color: #323130;
- padding: 0 1.5rem 2rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #ffffff;
- color: #323130;
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #ffffff;
- color: #323130;
- border: 0 none;
- border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px;
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #0078d4;
- color: #ffffff;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 2px;
- position: absolute;
- top: -1rem;
- right: -1rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #106ebe;
- color: #ffffff;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #f2f2f2;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #ffffff;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #ffffff;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #ffffff;
- color: #323130;
- border: 0 none;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px;
- }
- .p-sidebar .p-sidebar-header {
- padding: 1rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 600;
- font-size: 1.5rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: #605e5c;
- border: 0 none;
- background: transparent;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: #605e5c;
- border-color: transparent;
- background: #f3f2f1;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 1rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #ffffff;
- color: #323130;
- padding: 0.5rem 0.5rem;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- border-radius: 2px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #ffffff;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #ffffff;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #ffffff;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #ffffff;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #faf9f8;
- padding: 1rem;
- border: 1px solid #a19f9d;
- color: #323130;
- border-bottom: 0 none;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-fileupload .p-fileupload-content {
- background: #ffffff;
- padding: 2rem 1rem;
- border: 1px solid #a19f9d;
- color: #323130;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #0078d4;
- background-color: #edebe9;
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #edebe9;
- border-radius: 2px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 2px;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 0.75rem 0.75rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #106ebe;
- color: #ffffff;
- border-color: #106ebe;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #005a9e;
- color: #ffffff;
- border-color: #005a9e;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #ffffff;
- border: 1px solid #eeeeee;
- border-radius: 2px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: box-shadow 0.2s;
- border-radius: 2px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: #323130;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: #323130;
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: #0078d4;
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0;
- background: #ffffff;
- color: #323130;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 2px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 2px;
- }
- .p-contextmenu .p-menuitem {
- margin: 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: #323130;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #323130;
- padding: 0.75rem 0.5rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #323130;
- background: #edebe9;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e1dfdd;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #323130;
- background: #f3f2f1;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #323130;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #edebe9;
- margin: 0.25rem 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 2px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem #605e5c;
- }
- .p-dock .p-dock-link {
- width: 4rem;
- height: 4rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem;
- background: #ffffff;
- color: #323130;
- border: 1px solid #eeeeee;
- border-radius: 2px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: #323130;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #323130;
- padding: 0.75rem 0.5rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #323130;
- background: #edebe9;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e1dfdd;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #323130;
- background: #f3f2f1;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #323130;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-megamenu .p-megamenu-panel {
- background: #ffffff;
- color: #323130;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 2px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 0.5rem;
- color: #0078d4;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #edebe9;
- margin: 0.25rem 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: #323130;
- transition: box-shadow 0.2s;
- border-radius: 2px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.75rem 0.5rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 2rem;
- height: 2rem;
- color: #0078d4;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: #0078d4;
- background: #f3f2f1;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #edebe9;
- margin: 0.25rem 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.25rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0;
- background: #ffffff;
- color: #323130;
- border: 1px solid #eeeeee;
- border-radius: 2px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: #323130;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #323130;
- padding: 0.75rem 0.5rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #323130;
- background: #edebe9;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e1dfdd;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #323130;
- background: #f3f2f1;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #323130;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-menu.p-menu-overlay {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 0.5rem;
- color: #0078d4;
- background: #ffffff;
- font-weight: 600;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #edebe9;
- margin: 0.25rem 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem;
- background: #ffffff;
- color: #323130;
- border: 1px solid #eeeeee;
- border-radius: 2px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: #323130;
- transition: box-shadow 0.2s;
- border-radius: 2px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.75rem 0.5rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-menubar .p-menuitem {
- margin: 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: #323130;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #323130;
- padding: 0.75rem 0.5rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: #323130;
- background: #edebe9;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e1dfdd;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #323130;
- background: #f3f2f1;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #323130;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-menubar .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- min-width: 12.5rem;
- border-radius: 2px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #edebe9;
- margin: 0.25rem 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 2rem;
- height: 2rem;
- color: #0078d4;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: #0078d4;
- background: #f3f2f1;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #edebe9;
- margin: 0.25rem 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.25rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.75rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.25rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 6.75rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 8.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 1px solid #a19f9d;
- color: #323130;
- background: #faf9f8;
- border-radius: 2px;
- transition: box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: #323130;
- padding: 1rem;
- font-weight: 600;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset inset 0 0 0 1px #605e5c;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: #f3f2f1;
- border-color: #a19f9d;
- color: #323130;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #faf9f8;
- border-color: #a19f9d;
- color: #323130;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #a19f9d;
- background: #f3f2f1;
- color: #323130;
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0;
- border: 1px solid #a19f9d;
- background: #ffffff;
- color: #323130;
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: #323130;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #323130;
- padding: 0.75rem 0.5rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: #323130;
- background: #edebe9;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e1dfdd;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #323130;
- background: #f3f2f1;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #323130;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #edebe9;
- margin: 0.25rem 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 4px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 2px;
- background: #ffffff;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: #323130;
- border: 1px solid #f3f2f1;
- background: #ffffff;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: #605e5c;
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #edebe9;
- color: #323130;
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 600;
- color: #323130;
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #edebe9;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: #ffffff;
- border: 0 none;
- border-width: 0 0 2px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #a19f9d;
- border-width: 0 0 2px 0;
- border-color: transparent transparent transparent transparent;
- background: #ffffff;
- color: #605e5c;
- padding: 1rem;
- font-weight: 600;
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
- transition: box-shadow 0.2s;
- margin: 0 0.5rem -2px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset inset 0 0 0 1px #605e5c;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #f3f2f1;
- border-color: transparent;
- color: #605e5c;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #ffffff;
- border-color: #0078d4;
- color: #323130;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0;
- background: #ffffff;
- color: #323130;
- border: 1px solid #eeeeee;
- border-radius: 2px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0;
- background: #ffffff;
- border: 0 none;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 2px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: #323130;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: #323130;
- padding: 0.75rem 0.5rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: #0078d4;
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: #323130;
- background: #edebe9;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: #e1dfdd;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: #323130;
- background: #f3f2f1;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: #323130;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: #323130;
- background: #f3f2f1;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: #323130;
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: #0078d4;
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #edebe9;
- margin: 0.25rem 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.5rem 0.5rem;
- margin: 0;
- border-radius: 2px;
- }
- .p-inline-message.p-inline-message-info {
- background: #f3f2f1;
- border: 0 none;
- border-width: 0px;
- color: #323130;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #605e5c;
- }
- .p-inline-message.p-inline-message-success {
- background: #dff6dd;
- border: 0 none;
- border-width: 0px;
- color: #323130;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #107c10;
- }
- .p-inline-message.p-inline-message-warn {
- background: #fff4ce;
- border: 0 none;
- border-width: 0px;
- color: #323130;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #797775;
- }
- .p-inline-message.p-inline-message-error {
- background: #fde7e9;
- border: 0 none;
- border-width: 0px;
- color: #323130;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #a80000;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 90%;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 2px;
- }
- .p-message .p-message-wrapper {
- padding: 0.5rem;
- }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 2px;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-message.p-message-info {
- background: #f3f2f1;
- border: 0 none;
- border-width: 0 0 0 6px;
- color: #323130;
- }
- .p-message.p-message-info .p-message-icon {
- color: #605e5c;
- }
- .p-message.p-message-info .p-message-close {
- color: #605e5c;
- }
- .p-message.p-message-success {
- background: #dff6dd;
- border: 0 none;
- border-width: 0 0 0 6px;
- color: #323130;
- }
- .p-message.p-message-success .p-message-icon {
- color: #107c10;
- }
- .p-message.p-message-success .p-message-close {
- color: #107c10;
- }
- .p-message.p-message-warn {
- background: #fff4ce;
- border: 0 none;
- border-width: 0 0 0 6px;
- color: #323130;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #797775;
- }
- .p-message.p-message-warn .p-message-close {
- color: #797775;
- }
- .p-message.p-message-error {
- background: #fde7e9;
- border: 0 none;
- border-width: 0 0 0 6px;
- color: #323130;
- }
- .p-message.p-message-error .p-message-icon {
- color: #a80000;
- }
- .p-message.p-message-error .p-message-close {
- color: #a80000;
- }
- .p-message .p-message-text {
- font-size: 90%;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1rem;
- height: 1rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 0.9;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 2px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 0.5rem;
- border-width: 0;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 1.25rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 1.25rem;
- height: 1.25rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 600;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 1.25rem;
- height: 1.25rem;
- border-radius: 2px;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: #f3f2f1;
- border: 0 none;
- border-width: 0 0 0 6px;
- color: #323130;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #605e5c;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: #dff6dd;
- border: 0 none;
- border-width: 0 0 0 6px;
- color: #323130;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #107c10;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: #fff4ce;
- border: 0 none;
- border-width: 0 0 0 6px;
- color: #323130;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #797775;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: #fde7e9;
- border: 0 none;
- border-width: 0 0 0 6px;
- color: #323130;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #a80000;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #faf9f8;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #faf9f8;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #faf9f8;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 2px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #faf9f8;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #faf9f8;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #c8c6c4;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: #e1dfdd;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #edebe9;
- color: #323130;
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: #edebe9;
- color: #323130;
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #faf9f8;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #faf9f8;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #f8f9fa;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #f8f9fa;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #f8f9fa;
- background-color: rgba(255, 255, 255, 0.1);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #edebe9;
- border-radius: 2px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #ffffff;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #0078d4;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #d45c00;
- color: #ffffff;
- }
- .p-badge.p-badge-success {
- background-color: #498205;
- color: #ffffff;
- }
- .p-badge.p-badge-info {
- background-color: #00b7c3;
- color: #ffffff;
- }
- .p-badge.p-badge-warning {
- background-color: #ffaa44;
- color: #323130;
- }
- .p-badge.p-badge-danger {
- background-color: #d13438;
- color: #ffffff;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 2px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #edebe9;
- color: #323130;
- border-radius: 16px;
- padding: 0 0.5rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.25rem;
- margin-bottom: 0.25rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2rem;
- height: 2rem;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.5rem 0.5rem;
- border-radius: 2px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: #f3f2f1;
- color: #323130;
- }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 1px #605e5c;
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #edebe9;
- border-radius: 2px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #0078d4;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #0078d4;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 2px;
- border-top-right-radius: 2px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 2px;
- border-bottom-right-radius: 2px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 2px;
- background: #edebe9;
- border-radius: 2px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #0078d4;
- }
- .p-progressbar .p-progressbar-label {
- color: #ffffff;
- line-height: 2px;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #323130;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #323130;
- }
- 40% {
- stroke: #323130;
- }
- 66% {
- stroke: #323130;
- }
- 80%, 90% {
- stroke: #323130;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 2px;
- box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-scrolltop.p-link {
- background: rgba(0, 0, 0, 0.7);
- }
- .p-scrolltop.p-link:hover {
- background: rgba(0, 0, 0, 0.8);
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: #faf9f8;
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: #edebe9;
- border-radius: 2px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #0078d4;
- color: #ffffff;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 2px;
- }
- .p-tag.p-tag-success {
- background-color: #498205;
- color: #ffffff;
- }
- .p-tag.p-tag-info {
- background-color: #00b7c3;
- color: #ffffff;
- }
- .p-tag.p-tag-warning {
- background-color: #ffaa44;
- color: #323130;
- }
- .p-tag.p-tag-danger {
- background-color: #d13438;
- color: #ffffff;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #ffffff;
- color: #323130;
- border: 1px solid #a19f9d;
- padding: 1rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-/* Customizations to the designer theme should be defined here */
-@layer primevue {
- .p-button-label {
- font-weight: 600;
- }
-
- .p-slider:not(.p-disabled):hover {
- background-color: #deecf9;
- }
- .p-slider:not(.p-disabled):hover .p-slider-range {
- background-color: #0078d4;
- }
- .p-slider:not(.p-disabled):hover .p-slider-handle {
- border-color: #005a9e;
- }
-
- .p-inputswitch {
- width: 40px;
- height: 20px;
- }
- .p-inputswitch .p-inputswitch-slider {
- border: 1px solid #605e5c;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- width: 12px;
- height: 12px;
- margin-top: -6px;
- }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
- border-color: #323130;
- }
- .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {
- background-color: #323130;
- }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
- border-color: #0078d4;
- }
- .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before {
- background-color: #ffffff;
- }
- .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
- border-color: #0078d4;
- }
-
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- order: 1;
- margin: 0 auto 0 0;
- }
- .p-datepicker .p-datepicker-prev {
- order: 2;
- }
- .p-datepicker .p-datepicker-prev .p-datepicker-prev-icon:before {
- content: "\e919";
- }
- .p-datepicker .p-datepicker-next {
- order: 3;
- font-size: 90%;
- }
- .p-datepicker .p-datepicker-next .p-datepicker-next-icon:before {
- content: "\e91c";
- }
- .p-datepicker .p-datepicker-buttonbar {
- border-top: 0 none;
- }
- .p-datepicker .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-timepicker span {
- font-size: 90%;
- }
- .p-datepicker .p-timepicker .pi-chevron-up:before {
- content: "\e91c";
- }
- .p-datepicker .p-timepicker .pi-chevron-down:before {
- content: "\e919";
- }
- .p-datepicker table {
- font-size: 90%;
- }
- .p-datepicker table td.p-datepicker-today > span {
- border-radius: 50%;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- font-size: 90%;
- color: #323130;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button .p-button-label {
- font-weight: 400;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button:enabled:hover {
- color: #323130;
- background-color: #f3f2f1;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem 0;
- }
-
- .p-datatable {
- font-size: 90%;
- }
-
- .p-toast {
- font-size: 90%;
- }
- .p-toast .p-toast-icon-close-icon {
- font-size: 90%;
- }
-
- .p-message {
- font-size: 90%;
- }
- .p-message .p-message-close .p-message-close-icon {
- font-size: 90%;
- }
-
- .p-tooltip .p-tooltip-text {
- font-size: 90%;
- }
-
- .p-component .p-menu-separator {
- border-color: #eeeeee;
- }
-
- .p-submenu-icon {
- color: #605e5c !important;
- }
-
- .p-menuitem-active .p-submenu-icon {
- color: #323130 !important;
- }
-
- .p-progressbar-label {
- display: none !important;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #0078d4;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #0078d4;
- }
-
- .p-inputtext:disabled {
- background-color: #f3f2f1;
- border-color: #f3f2f1;
- color: #a19f9d;
- opacity: 1;
- user-select: none;
- }
- .p-inputtext:enabled:focus {
- box-shadow: inset 0 0 0 1px #0078d4;
- }
-
- .p-checkbox .p-checkbox-box.p-disabled,
-.p-radiobutton .p-radiobutton-box.p-disabled,
-.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container.p-disabled,
-.p-chips .p-chips-multiple-container.p-disabled {
- background-color: #f3f2f1;
- border-color: #f3f2f1;
- color: #a19f9d;
- opacity: 1;
- user-select: none;
- }
- .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus,
-.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus,
-.p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container:not(.p-disabled).p-focus,
-.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #0078d4;
- }
-
- .p-dropdown.p-disabled,
-.p-multiselect.p-disabled {
- background-color: #f3f2f1;
- border-color: #f3f2f1;
- color: #a19f9d;
- opacity: 1;
- user-select: none;
- }
- .p-dropdown.p-disabled .p-dropdown-label,
-.p-dropdown.p-disabled .p-dropdown-trigger-icon,
-.p-multiselect.p-disabled .p-dropdown-label,
-.p-multiselect.p-disabled .p-dropdown-trigger-icon {
- color: #a19f9d;
- }
- .p-dropdown:not(.p-disabled).p-focus,
-.p-multiselect:not(.p-disabled).p-focus {
- box-shadow: inset 0 0 0 1px #0078d4;
- }
-
- .p-inputswitch.p-focus .p-inputswitch-slider {
- box-shadow: none;
- outline: 1px solid #605e5c;
- outline-offset: 2px;
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #0078d4;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #0078d4;
- }
-}
diff --git a/public/themes/lara-dark-amber/fonts/Inter-italic.var.woff2 b/public/themes/lara-dark-amber/fonts/Inter-italic.var.woff2
deleted file mode 100644
index b826d5a..0000000
Binary files a/public/themes/lara-dark-amber/fonts/Inter-italic.var.woff2 and /dev/null differ
diff --git a/public/themes/lara-dark-amber/fonts/Inter-roman.var.woff2 b/public/themes/lara-dark-amber/fonts/Inter-roman.var.woff2
deleted file mode 100644
index 6a256a0..0000000
Binary files a/public/themes/lara-dark-amber/fonts/Inter-roman.var.woff2 and /dev/null differ
diff --git a/public/themes/lara-dark-amber/theme.css b/public/themes/lara-dark-amber/theme.css
deleted file mode 100644
index c1d4d75..0000000
--- a/public/themes/lara-dark-amber/theme.css
+++ /dev/null
@@ -1,10845 +0,0 @@
-:root {
- font-family: "Inter var", sans-serif;
- font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- font-variation-settings: normal;
- --font-family: "Inter var", sans-serif;
- --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- --surface-a: #1f2937;
- --surface-b: #111827;
- --surface-c: rgba(255, 255, 255, 0.03);
- --surface-d: #424b57;
- --surface-e: #1f2937;
- --surface-f: #1f2937;
- --text-color: rgba(255, 255, 255, 0.87);
- --text-color-secondary: rgba(255, 255, 255, 0.6);
- --primary-color: #fbbf24;
- --primary-color-text: #030712;
- --surface-0: #111827;
- --surface-50: #1f2937;
- --surface-100: #374151;
- --surface-200: #4b5563;
- --surface-300: #6b7280;
- --surface-400: #9ca3af;
- --surface-500: #d1d5db;
- --surface-600: #e5e7eb;
- --surface-700: #f3f4f6;
- --surface-800: #f9fafb;
- --surface-900: #ffffff;
- --gray-50: #f9fafb;
- --gray-100: #f3f4f6;
- --gray-200: #e5e7eb;
- --gray-300: #d1d5db;
- --gray-400: #9ca3af;
- --gray-500: #6b7280;
- --gray-600: #4b5563;
- --gray-700: #374151;
- --gray-800: #1f2937;
- --gray-900: #111827;
- --content-padding: 1.25rem;
- --inline-spacing: 0.5rem;
- --border-radius: 6px;
- --surface-ground: #111827;
- --surface-section: #111827;
- --surface-card: #1f2937;
- --surface-overlay: #1f2937;
- --surface-border: rgba(255, 255, 255, 0.1);
- --surface-hover: rgba(255, 255, 255, 0.03);
- --focus-ring: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: rgba(251, 191, 36, 0.16);
- --highlight-text-color: rgba(255, 255, 255, 0.87);
- color-scheme: dark;
-}
-
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: normal;
- font-named-instance: "Regular";
- src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
-}
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: italic;
- font-named-instance: "Italic";
- src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
-}
-:root {
- --blue-50:#f5f9ff;
- --blue-100:#d0e1fd;
- --blue-200:#abc9fb;
- --blue-300:#85b2f9;
- --blue-400:#609af8;
- --blue-500:#3b82f6;
- --blue-600:#326fd1;
- --blue-700:#295bac;
- --blue-800:#204887;
- --blue-900:#183462;
- --green-50:#f4fcf7;
- --green-100:#caf1d8;
- --green-200:#a0e6ba;
- --green-300:#76db9b;
- --green-400:#4cd07d;
- --green-500:#22c55e;
- --green-600:#1da750;
- --green-700:#188a42;
- --green-800:#136c34;
- --green-900:#0e4f26;
- --yellow-50:#fefbf3;
- --yellow-100:#faedc4;
- --yellow-200:#f6de95;
- --yellow-300:#f2d066;
- --yellow-400:#eec137;
- --yellow-500:#eab308;
- --yellow-600:#c79807;
- --yellow-700:#a47d06;
- --yellow-800:#816204;
- --yellow-900:#5e4803;
- --cyan-50:#f3fbfd;
- --cyan-100:#c3edf5;
- --cyan-200:#94e0ed;
- --cyan-300:#65d2e4;
- --cyan-400:#35c4dc;
- --cyan-500:#06b6d4;
- --cyan-600:#059bb4;
- --cyan-700:#047f94;
- --cyan-800:#036475;
- --cyan-900:#024955;
- --pink-50:#fef6fa;
- --pink-100:#fad3e7;
- --pink-200:#f7b0d3;
- --pink-300:#f38ec0;
- --pink-400:#f06bac;
- --pink-500:#ec4899;
- --pink-600:#c93d82;
- --pink-700:#a5326b;
- --pink-800:#822854;
- --pink-900:#5e1d3d;
- --indigo-50:#f7f7fe;
- --indigo-100:#dadafc;
- --indigo-200:#bcbdf9;
- --indigo-300:#9ea0f6;
- --indigo-400:#8183f4;
- --indigo-500:#6366f1;
- --indigo-600:#5457cd;
- --indigo-700:#4547a9;
- --indigo-800:#363885;
- --indigo-900:#282960;
- --teal-50:#f3fbfb;
- --teal-100:#c7eeea;
- --teal-200:#9ae0d9;
- --teal-300:#6dd3c8;
- --teal-400:#41c5b7;
- --teal-500:#14b8a6;
- --teal-600:#119c8d;
- --teal-700:#0e8174;
- --teal-800:#0b655b;
- --teal-900:#084a42;
- --orange-50:#fff8f3;
- --orange-100:#feddc7;
- --orange-200:#fcc39b;
- --orange-300:#fba86f;
- --orange-400:#fa8e42;
- --orange-500:#f97316;
- --orange-600:#d46213;
- --orange-700:#ae510f;
- --orange-800:#893f0c;
- --orange-900:#642e09;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dadee3;
- --bluegray-200:#bcc3cd;
- --bluegray-300:#9fa9b7;
- --bluegray-400:#818ea1;
- --bluegray-500:#64748b;
- --bluegray-600:#556376;
- --bluegray-700:#465161;
- --bluegray-800:#37404c;
- --bluegray-900:#282e38;
- --purple-50:#fbf7ff;
- --purple-100:#ead6fd;
- --purple-200:#dab6fc;
- --purple-300:#c996fa;
- --purple-400:#b975f9;
- --purple-500:#a855f7;
- --purple-600:#8f48d2;
- --purple-700:#763cad;
- --purple-800:#5c2f88;
- --purple-900:#432263;
- --red-50:#fff5f5;
- --red-100:#ffd0ce;
- --red-200:#ffaca7;
- --red-300:#ff8780;
- --red-400:#ff6259;
- --red-500:#ff3d32;
- --red-600:#d9342b;
- --red-700:#b32b23;
- --red-800:#8c221c;
- --red-900:#661814;
- --primary-50:#fffcf4;
- --primary-100:#fef0ca;
- --primary-200:#fde3a1;
- --primary-300:#fdd777;
- --primary-400:#fccb4e;
- --primary-500:#fbbf24;
- --primary-600:#d5a21f;
- --primary-700:#b08619;
- --primary-800:#8a6914;
- --primary-900:#644c0e;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #1f2937;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #424b57;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #1f2937;
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 6px;
- padding: 0.75rem 0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.75rem 1.25rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #424b57;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #111827;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #fbbf24;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #fbbf24;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #fbbf24;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #fbbf24;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.4;
- }
-
- .p-error {
- color: #fca5a5;
- }
-
- .p-text-secondary {
- color: rgba(255, 255, 255, 0.6);
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.75rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #fbbf24;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- border-color: #fbbf24;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.375rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.375rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.375rem 0.75rem;
- background: #424b57;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #6b7280;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-autocomplete-panel {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.75rem 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.75rem 1.25rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: #374151;
- font-weight: 700;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- border-color: #fbbf24;
- }
-
- .p-datepicker {
- padding: 0.5rem;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #1f2937;
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #1f2937;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- font-weight: 700;
- margin: 0;
- border-bottom: 1px solid #424b57;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- font-weight: 700;
- padding: 0.5rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #fbbf24;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0;
- }
- .p-datepicker table th {
- padding: 0.5rem;
- }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-datepicker table td {
- padding: 0.5rem;
- }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- transition: box-shadow 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: transparent;
- color: #fbbf24;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #424b57;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #424b57;
- padding: 0.5rem;
- }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #424b57;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #111827;
- border: 1px solid #424b57;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #fbbf24;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- border-color: #fbbf24;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #424b57;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #424b57;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #424b57;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.75rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 3rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-cascadeselect-panel {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.75rem 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.75rem 1.25rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 22px;
- height: 22px;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 2px solid #424b57;
- border-radius: 6px;
- }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #424b57;
- background: #111827;
- width: 22px;
- height: 22px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #030712;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #fbbf24;
- background: #fbbf24;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #fbbf24;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #fde68a;
- background: #fde68a;
- color: #030712;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- border-color: #fbbf24;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #fca5a5;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #424b57;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #fbbf24;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #424b57;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #fde68a;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #424b57;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #fbbf24;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #424b57;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #fde68a;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #fbbf24;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- border-color: #fbbf24;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.375rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: #424b57;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #6b7280;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.375rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 2rem;
- height: 2rem;
- }
-
- .p-colorpicker-panel {
- background: #1f2937;
- border: 1px solid #424b57;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: rgba(255, 255, 255, 0.87);
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #111827;
- border: 1px solid #424b57;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #fbbf24;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- border-color: #fbbf24;
- }
- .p-dropdown.p-variant-filled {
- background: #424b57;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #424b57;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #424b57;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 3rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 3rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-dropdown-panel {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.75rem 1.25rem;
- border-bottom: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- margin: 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.75rem 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.75rem 1.25rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: #374151;
- font-weight: 700;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.6);
- border-top: 1px solid #424b57;
- border-left: 1px solid #424b57;
- border-bottom: 1px solid #424b57;
- padding: 0.75rem 0.75rem;
- min-width: 3rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #424b57;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 3rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #424b57;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #424b57;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #424b57;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 3rem;
- height: 1.75rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #6b7280;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.6);
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #fbbf24;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #030712;
- transform: translateX(1.25rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #424b57;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #fcd34d;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #fca5a5;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #111827;
- padding: 0.75rem 0.75rem;
- border: 1px solid #424b57;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- appearance: none;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #fbbf24;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- border-color: #fbbf24;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #fca5a5;
- }
- .p-inputtext.p-variant-filled {
- background-color: #424b57;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #424b57;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #424b57;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.65625rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.9375rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #fca5a5;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- :-moz-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- ::-moz-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- :-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-filled .p-inputtext {
- background-color: #424b57;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #424b57;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #424b57;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.65625rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.9375rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.75rem 1.25rem;
- border-bottom: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- margin: 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-listbox .p-listbox-list {
- padding: 0.75rem 0;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.75rem 1.25rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: #374151;
- font-weight: 700;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- border-color: #fbbf24;
- }
- .p-listbox.p-invalid {
- border-color: #fca5a5;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #111827;
- border: 1px solid #424b57;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #fbbf24;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- border-color: #fbbf24;
- }
- .p-multiselect.p-variant-filled {
- background: #424b57;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #424b57;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #424b57;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.75rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: #424b57;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 3rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.375rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.75rem 1.25rem;
- border-bottom: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- margin: 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.75rem 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.75rem 1.25rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: #374151;
- font-weight: 700;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-password-panel {
- padding: 1.25rem;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #424b57;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #eb9a9c;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffcf91;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #93deac;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 22px;
- height: 22px;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 2px solid #424b57;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #424b57;
- background: #111827;
- width: 22px;
- height: 22px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #030712;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #fbbf24;
- background: #fbbf24;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #fbbf24;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #fde68a;
- background: #fde68a;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #030712;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- border-color: #fbbf24;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #fca5a5;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #424b57;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #fbbf24;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #424b57;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #fde68a;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #424b57;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #fbbf24;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #424b57;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #fde68a;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1.143rem;
- height: 1.143rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f48fb1;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #fbbf24;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #fbbf24;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #f48fb1;
- }
-
- .p-selectbutton .p-button {
- background: #1f2937;
- border: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #424b57;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-selectbutton .p-button.p-highlight {
- background: #fbbf24;
- border-color: #fbbf24;
- color: #030712;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #030712;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #fcd34d;
- border-color: #fcd34d;
- color: #030712;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #030712;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #424b57;
- border: 0 none;
- border-radius: 6px;
- }
- .p-slider.p-slider-horizontal {
- height: 0.286rem;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem;
- }
- .p-slider.p-slider-vertical {
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem;
- }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #424b57;
- border: 2px solid #fbbf24;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-slider .p-slider-range {
- background: #fbbf24;
- border-radius: 6px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #fbbf24;
- border-color: #fbbf24;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #111827;
- border: 1px solid #424b57;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #fbbf24;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- border-color: #fbbf24;
- }
- .p-treeselect.p-variant-filled {
- background: #424b57;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #424b57;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #424b57;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.75rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: #424b57;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 3rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.375rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #424b57;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #424b57;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #424b57;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #424b57;
- border-radius: 6px;
- }
- .p-togglebutton .p-button {
- background: #1f2937;
- border: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-togglebutton.p-highlight .p-button {
- background: #fbbf24;
- border-color: #fbbf24;
- color: #030712;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #030712;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: rgba(255, 255, 255, 0.03);
- border-color: #424b57;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #fcd34d;
- border-color: #fcd34d;
- color: #030712;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #030712;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- border-color: #fbbf24;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #030712;
- background: #fbbf24;
- border: 1px solid #fbbf24;
- padding: 0.75rem 1.25rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #fcd34d;
- color: #030712;
- border-color: #fcd34d;
- }
- .p-button:not(:disabled):active {
- background: #fde68a;
- color: #030712;
- border-color: #fde68a;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #fbbf24;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(251, 191, 36, 0.04);
- color: #fbbf24;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(251, 191, 36, 0.16);
- color: #fbbf24;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- border-color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #fbbf24;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(251, 191, 36, 0.04);
- color: #fbbf24;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(251, 191, 36, 0.16);
- color: #fbbf24;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #fbbf24;
- background-color: #030712;
- }
- .p-button.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 3rem;
- padding: 0.75rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 3rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.65625rem 1.09375rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.9375rem 1.5625rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 3rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #020617;
- background: #94a3b8;
- border: 1px solid #94a3b8;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #cbd5e1;
- color: #020617;
- border-color: #cbd5e1;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #b4bfcd;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #e2e8f0;
- color: #020617;
- border-color: #e2e8f0;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #94a3b8;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(148, 163, 184, 0.04);
- color: #94a3b8;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(148, 163, 184, 0.16);
- color: #94a3b8;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #94a3b8;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(148, 163, 184, 0.04);
- border-color: transparent;
- color: #94a3b8;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(148, 163, 184, 0.16);
- border-color: transparent;
- color: #94a3b8;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #082f49;
- background: #38bdf8;
- border: 1px solid #38bdf8;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #7dd3fc;
- color: #082f49;
- border-color: #7dd3fc;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #74d1fa;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #bae6fd;
- color: #082f49;
- border-color: #bae6fd;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(56, 189, 248, 0.04);
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(56, 189, 248, 0.16);
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #38bdf8;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(56, 189, 248, 0.04);
- border-color: transparent;
- color: #38bdf8;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(56, 189, 248, 0.16);
- border-color: transparent;
- color: #38bdf8;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #052e16;
- background: #4ade80;
- border: 1px solid #4ade80;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #86efac;
- color: #052e16;
- border-color: #86efac;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #80e8a6;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #bbf7d0;
- color: #052e16;
- border-color: #bbf7d0;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(74, 222, 128, 0.04);
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(74, 222, 128, 0.16);
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #4ade80;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(74, 222, 128, 0.04);
- border-color: transparent;
- color: #4ade80;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(74, 222, 128, 0.16);
- border-color: transparent;
- color: #4ade80;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #431407;
- background: #fb923c;
- border: 1px solid #fb923c;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #fdba74;
- color: #431407;
- border-color: #fdba74;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #fcb377;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #fed7aa;
- color: #431407;
- border-color: #fed7aa;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(251, 146, 60, 0.04);
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(251, 146, 60, 0.16);
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #fb923c;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(251, 146, 60, 0.04);
- border-color: transparent;
- color: #fb923c;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(251, 146, 60, 0.16);
- border-color: transparent;
- color: #fb923c;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #3b0764;
- background: #c084fc;
- border: 1px solid #c084fc;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #d8b4fe;
- color: #3b0764;
- border-color: #d8b4fe;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #d3a9fd;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #e9d5ff;
- color: #3b0764;
- border-color: #e9d5ff;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(192, 132, 252, 0.04);
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(192, 132, 252, 0.16);
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #c084fc;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(192, 132, 252, 0.04);
- border-color: transparent;
- color: #c084fc;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(192, 132, 252, 0.16);
- border-color: transparent;
- color: #c084fc;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #450a0a;
- background: #f87171;
- border: 1px solid #f87171;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #fca5a5;
- color: #450a0a;
- border-color: #fca5a5;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #fa9c9c;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #fecaca;
- color: #450a0a;
- border-color: #fecaca;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(248, 113, 113, 0.04);
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(248, 113, 113, 0.16);
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #f87171;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(248, 113, 113, 0.04);
- border-color: transparent;
- color: #f87171;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(248, 113, 113, 0.16);
- border-color: transparent;
- color: #f87171;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #111827;
- background: #ffffff;
- border: 1px solid #ffffff;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #f3f4f6;
- color: #111827;
- border-color: #f3f4f6;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #e5e7eb;
- color: #111827;
- border-color: #e5e7eb;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #ffffff;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: transparent;
- color: #ffffff;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- border-color: transparent;
- color: #ffffff;
- }
-
- .p-button.p-button-link {
- color: #fbbf24;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #fbbf24;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: 0 0 0 1px rgba(251, 191, 36, 0.2);
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #fbbf24;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1.3rem;
- height: 1.3rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
-
- .p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: rgba(255, 255, 255, 0.87);
- color: #111827;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-speeddial-action:hover {
- background: rgba(255, 255, 255, 0.6);
- color: #111827;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 6px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 6px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #424b57;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #424b57;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
- }
- .p-datatable .p-datatable-footer {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #424b57;
- border-width: 0 0 1px 0;
- font-weight: 700;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- transition: box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #424b57;
- border-width: 0 0 1px 0;
- font-weight: 700;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem rgba(251, 191, 36, 0.2);
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #424b57;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 700;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid rgba(251, 191, 36, 0.2);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid rgba(251, 191, 36, 0.2);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(251, 191, 36, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(251, 191, 36, 0.16);
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-column-resizer-helper {
- background: #fbbf24;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #1f2937;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #1c2532;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #424b57;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
- }
- .p-dataview .p-dataview-content {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
-
- .p-column-filter-clear-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
-
- .p-column-filter-overlay {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.75rem 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.75rem 1.25rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(251, 191, 36, 0.2);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #424b57;
- margin: 0.25rem 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.75rem 1.25rem;
- border-bottom: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- margin: 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 1.25rem;
- border-bottom: 1px solid #424b57;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.75rem 1.25rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1.25rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 1.25rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #1f2937;
- border: 1px solid #424b57;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- border-color: #fbbf24;
- }
- .p-orderlist .p-orderlist-header {
- color: rgba(255, 255, 255, 0.87);
- padding: 1.25rem;
- font-weight: 700;
- }
- .p-orderlist .p-orderlist-list {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 0;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #424b57;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.75rem 1.25rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #1c2532;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(157, 114, 3, 0.16);
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #424b57;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #424b57;
- border-color: #424b57;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #424b57;
- border-color: #424b57;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #424b57;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.25rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.6);
- border: solid #424b57;
- border-width: 1px;
- padding: 0.5rem 1rem;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 3rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 3rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(251, 191, 36, 0.16);
- border-color: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 1.25rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #1f2937;
- border: 1px solid #424b57;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- border-color: #fbbf24;
- }
- .p-picklist .p-picklist-header {
- color: rgba(255, 255, 255, 0.87);
- padding: 1.25rem;
- font-weight: 700;
- }
- .p-picklist .p-picklist-list {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 0;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #424b57;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.75rem 1.25rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #1c2532;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #fbbf24;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #030712;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #424b57;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #424b57;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.25rem;
- border-radius: 6px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(251, 191, 36, 0.2);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 6px;
- transition: box-shadow 0.2s;
- padding: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #424b57;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
- }
- .p-treetable .p-treetable-footer {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #424b57;
- border-width: 0 0 1px 0;
- font-weight: 700;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- transition: box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #424b57;
- border-width: 0 0 1px 0;
- font-weight: 700;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- }
- .p-treetable .p-sortable-column {
- outline-color: rgba(251, 191, 36, 0.2);
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #424b57;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid rgba(251, 191, 36, 0.2);
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-column-resizer-helper {
- background: #fbbf24;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #1f2937;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1.25rem;
- border: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- font-weight: 700;
- border-radius: 6px;
- transition: box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: rgba(255, 255, 255, 0.03);
- border-color: #424b57;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #1f2937;
- border-color: #424b57;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #424b57;
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-accordion .p-accordion-content {
- padding: 1.25rem;
- border: 1px solid #424b57;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 4px;
- }
-
- .p-card {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
- border-radius: 6px;
- }
- .p-card .p-card-body {
- padding: 1.25rem;
- }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-card .p-card-content {
- padding: 1.25rem 0;
- }
- .p-card .p-card-footer {
- padding: 1.25rem 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #424b57;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 6px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1.25rem;
- border: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- font-weight: 700;
- border-radius: 6px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 6px;
- transition: box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #424b57;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-fieldset .p-fieldset-content {
- padding: 1.25rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #1f2937;
- }
- .p-divider.p-divider-horizontal {
- margin: 1.25rem 0;
- padding: 0 1.25rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #424b57;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1.25rem;
- padding: 1.25rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #424b57;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #424b57;
- padding: 1.25rem;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 700;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.75rem 1.25rem;
- }
- .p-panel .p-panel-content {
- padding: 1.25rem;
- border: 1px solid #424b57;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panel .p-panel-footer {
- padding: 0.75rem 1.25rem;
- border: 1px solid #424b57;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #424b57;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #424b57;
- background: #1f2937;
- border-radius: 6px;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #424b57;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #424b57;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: box-shadow 0.2s;
- border-radius: 6px;
- background: transparent;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- border-width: 2px;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- font-weight: 700;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #fbbf24;
- }
- .p-stepper .p-stepper-panels {
- background: #1f2937;
- padding: 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-separator {
- background-color: #424b57;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: box-shadow 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #fbbf24;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: transparent;
- border: 1px solid #424b57;
- border-width: 0 0 2px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #424b57;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #424b57 transparent;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.6);
- padding: 1.25rem;
- font-weight: 700;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #1f2937;
- border-color: #fbbf24;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #1f2937;
- border-color: #fbbf24;
- color: #fbbf24;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #1f2937;
- color: #fbbf24;
- width: 3rem;
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-tabview .p-tabview-panels {
- background: #1f2937;
- padding: 1.25rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #1f2937;
- border: 1px solid #424b57;
- padding: 1.25rem;
- border-radius: 6px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1.25rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1.25rem 1.25rem 1.25rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(31, 41, 55, 0);
- border-bottom-color: #1f2937;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(66, 75, 87, 0);
- border-bottom-color: #3f4753;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #1f2937;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #424b57;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 6px;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
- border: 1px solid #424b57;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.5rem;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 700;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 2rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #fbbf24;
- color: #030712;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #fcd34d;
- color: #030712;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(31, 41, 55, 0);
- border-bottom-color: #1f2937;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(66, 75, 87, 0);
- border-bottom-color: #3f4753;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #1f2937;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #424b57;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 700;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 1.25rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #424b57;
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 0.75rem;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 6px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #424b57;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #424b57;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #424b57;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #424b57;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #1f2937;
- padding: 1.25rem;
- border: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-fileupload .p-fileupload-content {
- background: #1f2937;
- padding: 2rem 1rem;
- border: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #fbbf24;
- background-color: rgba(251, 191, 36, 0.16);
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #424b57;
- border-radius: 6px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #fcd34d;
- color: #030712;
- border-color: #fcd34d;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #fde68a;
- color: #030712;
- border-color: #fde68a;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #374151;
- border: 1px solid #424b57;
- border-radius: 6px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: box-shadow 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0;
- background: #374151;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #374151;
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 6px;
- }
- .p-contextmenu .p-menuitem {
- margin: 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1.25rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #424b57;
- margin: 0.25rem 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 6px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(251, 191, 36, 0.2);
- }
- .p-dock .p-dock-link {
- width: 4rem;
- height: 4rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem;
- background: #374151;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1.25rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-megamenu-panel {
- background: #374151;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 6px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: #374151;
- font-weight: 700;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #424b57;
- margin: 0.25rem 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0;
- background: #374151;
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #424b57;
- margin: 0.25rem 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.25rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0;
- background: #374151;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1.25rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu.p-menu-overlay {
- background: #374151;
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: #374151;
- font-weight: 700;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #424b57;
- margin: 0.25rem 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem;
- background: #374151;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem {
- margin: 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1.25rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0;
- background: #374151;
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- min-width: 12.5rem;
- border-radius: 6px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #424b57;
- margin: 0.25rem 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0;
- background: #374151;
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #424b57;
- margin: 0.25rem 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.25rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.75rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.25rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 6.75rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 8.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- border-radius: 6px;
- transition: box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: rgba(255, 255, 255, 0.87);
- padding: 1.25rem;
- font-weight: 700;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: rgba(255, 255, 255, 0.03);
- border-color: #424b57;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #1f2937;
- border-color: #424b57;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #424b57;
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0;
- border: 1px solid #424b57;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1.25rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #424b57;
- margin: 0.25rem 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 4px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 6px;
- background: transparent;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 700;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #424b57;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: transparent;
- border: 1px solid #424b57;
- border-width: 0 0 2px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #424b57;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #424b57 transparent;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.6);
- padding: 1.25rem;
- font-weight: 700;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #1f2937;
- border-color: #fbbf24;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #1f2937;
- border-color: #fbbf24;
- color: #fbbf24;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0;
- background: #374151;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #374151;
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #374151;
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 6px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1.25rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(251, 191, 36, 0.16);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(251, 191, 36, 0.24);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #424b57;
- margin: 0.25rem 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.75rem 0.75rem;
- margin: 0;
- border-radius: 6px;
- }
- .p-inline-message.p-inline-message-info {
- background: rgba(59, 130, 246, 0.2);
- border: solid #3b82f6;
- border-width: 1px;
- color: #93c5fd;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #93c5fd;
- }
- .p-inline-message.p-inline-message-success {
- background: rgba(16, 185, 129, 0.2);
- border: solid #10b981;
- border-width: 1px;
- color: #6ee7b7;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #6ee7b7;
- }
- .p-inline-message.p-inline-message-warn {
- background: rgba(234, 179, 8, 0.2);
- border: solid #eab308;
- border-width: 1px;
- color: #fde047;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #fde047;
- }
- .p-inline-message.p-inline-message-error {
- background: rgba(239, 68, 68, 0.2);
- border: solid #ef4444;
- border-width: 1px;
- color: #fca5a5;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #fca5a5;
- }
- .p-inline-message.p-inline-message-secondary {
- background: #94a3b8;
- border: solid #94a3b8;
- border-width: 1px;
- color: #020617;
- }
- .p-inline-message.p-inline-message-secondary .p-inline-message-icon {
- color: #020617;
- }
- .p-inline-message.p-inline-message-contrast {
- background: #ffffff;
- border: solid #ffffff;
- border-width: 1px;
- color: #111827;
- }
- .p-inline-message.p-inline-message-contrast .p-inline-message-icon {
- color: #111827;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 6px;
- }
- .p-message .p-message-wrapper {
- padding: 1.25rem 1.75rem;
- }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-message.p-message-info {
- background: rgba(59, 130, 246, 0.2);
- border: solid #3b82f6;
- border-width: 0 0 0 6px;
- color: #93c5fd;
- }
- .p-message.p-message-info .p-message-icon {
- color: #93c5fd;
- }
- .p-message.p-message-info .p-message-close {
- color: #93c5fd;
- }
- .p-message.p-message-success {
- background: rgba(16, 185, 129, 0.2);
- border: solid #10b981;
- border-width: 0 0 0 6px;
- color: #6ee7b7;
- }
- .p-message.p-message-success .p-message-icon {
- color: #6ee7b7;
- }
- .p-message.p-message-success .p-message-close {
- color: #6ee7b7;
- }
- .p-message.p-message-warn {
- background: rgba(234, 179, 8, 0.2);
- border: solid #eab308;
- border-width: 0 0 0 6px;
- color: #fde047;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #fde047;
- }
- .p-message.p-message-warn .p-message-close {
- color: #fde047;
- }
- .p-message.p-message-error {
- background: rgba(239, 68, 68, 0.2);
- border: solid #ef4444;
- border-width: 0 0 0 6px;
- color: #fca5a5;
- }
- .p-message.p-message-error .p-message-icon {
- color: #fca5a5;
- }
- .p-message.p-message-error .p-message-close {
- color: #fca5a5;
- }
- .p-message.p-message-secondary {
- background: #94a3b8;
- border: solid #94a3b8;
- border-width: 0 0 0 6px;
- color: #020617;
- }
- .p-message.p-message-secondary .p-message-icon {
- color: #020617;
- }
- .p-message.p-message-secondary .p-message-close {
- color: #020617;
- }
- .p-message.p-message-contrast {
- background: #ffffff;
- border: solid #ffffff;
- border-width: 0 0 0 6px;
- color: #111827;
- }
- .p-message.p-message-contrast .p-message-icon {
- color: #111827;
- }
- .p-message.p-message-contrast .p-message-close {
- color: #111827;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: none;
- border-radius: 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0 0 0 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: rgba(59, 130, 246, 0.2);
- border: solid #3b82f6;
- border-width: 0 0 0 6px;
- color: #93c5fd;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #93c5fd;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: rgba(16, 185, 129, 0.2);
- border: solid #10b981;
- border-width: 0 0 0 6px;
- color: #6ee7b7;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #6ee7b7;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: rgba(234, 179, 8, 0.2);
- border: solid #eab308;
- border-width: 0 0 0 6px;
- color: #fde047;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #fde047;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: rgba(239, 68, 68, 0.2);
- border: solid #ef4444;
- border-width: 0 0 0 6px;
- color: #fca5a5;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #fca5a5;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- background: #94a3b8;
- border: solid #94a3b8;
- border-width: 0 0 0 6px;
- color: #020617;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- color: #020617;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- background: #ffffff;
- border: solid #ffffff;
- border-width: 0 0 0 6px;
- color: #111827;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- color: #111827;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #f8f9fa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #f8f9fa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #f8f9fa;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #424b57;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.1);
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(251, 191, 36, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f8f9fa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #f8f9fa;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #f8f9fa;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #f8f9fa;
- background-color: rgba(255, 255, 255, 0.1);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #424b57;
- border-radius: 6px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #1f2937;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #fbbf24;
- color: #030712;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #94a3b8;
- color: #020617;
- }
- .p-badge.p-badge-success {
- background-color: #4ade80;
- color: #052e16;
- }
- .p-badge.p-badge-info {
- background-color: #38bdf8;
- color: #082f49;
- }
- .p-badge.p-badge-warning {
- background-color: #fb923c;
- color: #431407;
- }
- .p-badge.p-badge-danger {
- background-color: #f87171;
- color: #450a0a;
- }
- .p-badge.p-badge-secondary {
- background-color: #94a3b8;
- color: #020617;
- }
- .p-badge.p-badge-contrast {
- background-color: #ffffff;
- color: #111827;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 6px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #424b57;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.375rem;
- margin-bottom: 0.375rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2.25rem;
- height: 2.25rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.75rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #424b57;
- border-radius: 6px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #fbbf24;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #fbbf24;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #424b57;
- border-radius: 6px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #fbbf24;
- }
- .p-progressbar .p-progressbar-label {
- color: #030712;
- line-height: 1.5rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #fca5a5;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #fca5a5;
- }
- 40% {
- stroke: #93c5fd;
- }
- 66% {
- stroke: #6ee7b7;
- }
- 80%, 90% {
- stroke: #fde047;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-scrolltop.p-link {
- background: rgba(251, 191, 36, 0.16);
- }
- .p-scrolltop.p-link:hover {
- background: rgba(251, 191, 36, 0.3616);
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 6px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #fbbf24;
- color: #030712;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
- }
- .p-tag.p-tag-success {
- background-color: #4ade80;
- color: #052e16;
- }
- .p-tag.p-tag-info {
- background-color: #38bdf8;
- color: #082f49;
- }
- .p-tag.p-tag-warning {
- background-color: #fb923c;
- color: #431407;
- }
- .p-tag.p-tag-danger {
- background-color: #f87171;
- color: #450a0a;
- }
- .p-tag.p-tag-secondary {
- background-color: #94a3b8;
- color: #020617;
- }
- .p-tag.p-tag-contrast {
- background-color: #ffffff;
- color: #111827;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- padding: 1.25rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primevue {
- .p-button-label {
- font-weight: 700;
- }
-
- .p-selectbutton > .p-button,
-.p-togglebutton.p-button {
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
-
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
-
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #fbbf24;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #fbbf24;
- }
-
- .p-button:focus {
- box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(251, 191, 36, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
- }
- .p-button.p-button-secondary:enabled:focus {
- box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(148, 163, 184, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
- }
- .p-button.p-button-success:enabled:focus {
- box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(74, 222, 128, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
- }
- .p-button.p-button-info:enabled:focus {
- box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(56, 189, 248, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
- }
- .p-button.p-button-warning:enabled:focus {
- box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(251, 146, 60, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
- }
- .p-button.p-button-help:enabled:focus {
- box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(192, 132, 252, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
- }
- .p-button.p-button-danger:enabled:focus {
- box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(248, 113, 113, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #fbbf24;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #fbbf24;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(251, 191, 36, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
- }
-
- .p-toast-message {
- backdrop-filter: blur(10px);
- }
-
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.1);
- }
-
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.1);
- }
-
- .p-inline-message-text {
- font-weight: 500;
- }
-
- .p-picklist-buttons .p-button,
-.p-orderlist-controls .p-button {
- transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
-
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #fbbf24;
- color: #030712;
- }
-
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- border-style: solid;
- border-color: #424b57;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-action .p-stepper-number {
- background: #fbbf24;
- color: #030712;
- }
-}
diff --git a/public/themes/lara-dark-blue/fonts/Inter-italic.var.woff2 b/public/themes/lara-dark-blue/fonts/Inter-italic.var.woff2
deleted file mode 100644
index b826d5a..0000000
Binary files a/public/themes/lara-dark-blue/fonts/Inter-italic.var.woff2 and /dev/null differ
diff --git a/public/themes/lara-dark-blue/fonts/Inter-roman.var.woff2 b/public/themes/lara-dark-blue/fonts/Inter-roman.var.woff2
deleted file mode 100644
index 6a256a0..0000000
Binary files a/public/themes/lara-dark-blue/fonts/Inter-roman.var.woff2 and /dev/null differ
diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css
deleted file mode 100644
index 2903019..0000000
--- a/public/themes/lara-dark-blue/theme.css
+++ /dev/null
@@ -1,10845 +0,0 @@
-:root {
- font-family: "Inter var", sans-serif;
- font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- font-variation-settings: normal;
- --font-family: "Inter var", sans-serif;
- --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- --surface-a: #1f2937;
- --surface-b: #111827;
- --surface-c: rgba(255, 255, 255, 0.03);
- --surface-d: #424b57;
- --surface-e: #1f2937;
- --surface-f: #1f2937;
- --text-color: rgba(255, 255, 255, 0.87);
- --text-color-secondary: rgba(255, 255, 255, 0.6);
- --primary-color: #60a5fa;
- --primary-color-text: #030712;
- --surface-0: #111827;
- --surface-50: #1f2937;
- --surface-100: #374151;
- --surface-200: #4b5563;
- --surface-300: #6b7280;
- --surface-400: #9ca3af;
- --surface-500: #d1d5db;
- --surface-600: #e5e7eb;
- --surface-700: #f3f4f6;
- --surface-800: #f9fafb;
- --surface-900: #ffffff;
- --gray-50: #f9fafb;
- --gray-100: #f3f4f6;
- --gray-200: #e5e7eb;
- --gray-300: #d1d5db;
- --gray-400: #9ca3af;
- --gray-500: #6b7280;
- --gray-600: #4b5563;
- --gray-700: #374151;
- --gray-800: #1f2937;
- --gray-900: #111827;
- --content-padding: 1.25rem;
- --inline-spacing: 0.5rem;
- --border-radius: 6px;
- --surface-ground: #111827;
- --surface-section: #111827;
- --surface-card: #1f2937;
- --surface-overlay: #1f2937;
- --surface-border: rgba(255, 255, 255, 0.1);
- --surface-hover: rgba(255, 255, 255, 0.03);
- --focus-ring: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: rgba(96, 165, 250, 0.16);
- --highlight-text-color: rgba(255, 255, 255, 0.87);
- color-scheme: dark;
-}
-
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: normal;
- font-named-instance: "Regular";
- src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
-}
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: italic;
- font-named-instance: "Italic";
- src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
-}
-:root {
- --blue-50:#f5f9ff;
- --blue-100:#d0e1fd;
- --blue-200:#abc9fb;
- --blue-300:#85b2f9;
- --blue-400:#609af8;
- --blue-500:#3b82f6;
- --blue-600:#326fd1;
- --blue-700:#295bac;
- --blue-800:#204887;
- --blue-900:#183462;
- --green-50:#f4fcf7;
- --green-100:#caf1d8;
- --green-200:#a0e6ba;
- --green-300:#76db9b;
- --green-400:#4cd07d;
- --green-500:#22c55e;
- --green-600:#1da750;
- --green-700:#188a42;
- --green-800:#136c34;
- --green-900:#0e4f26;
- --yellow-50:#fefbf3;
- --yellow-100:#faedc4;
- --yellow-200:#f6de95;
- --yellow-300:#f2d066;
- --yellow-400:#eec137;
- --yellow-500:#eab308;
- --yellow-600:#c79807;
- --yellow-700:#a47d06;
- --yellow-800:#816204;
- --yellow-900:#5e4803;
- --cyan-50:#f3fbfd;
- --cyan-100:#c3edf5;
- --cyan-200:#94e0ed;
- --cyan-300:#65d2e4;
- --cyan-400:#35c4dc;
- --cyan-500:#06b6d4;
- --cyan-600:#059bb4;
- --cyan-700:#047f94;
- --cyan-800:#036475;
- --cyan-900:#024955;
- --pink-50:#fef6fa;
- --pink-100:#fad3e7;
- --pink-200:#f7b0d3;
- --pink-300:#f38ec0;
- --pink-400:#f06bac;
- --pink-500:#ec4899;
- --pink-600:#c93d82;
- --pink-700:#a5326b;
- --pink-800:#822854;
- --pink-900:#5e1d3d;
- --indigo-50:#f7f7fe;
- --indigo-100:#dadafc;
- --indigo-200:#bcbdf9;
- --indigo-300:#9ea0f6;
- --indigo-400:#8183f4;
- --indigo-500:#6366f1;
- --indigo-600:#5457cd;
- --indigo-700:#4547a9;
- --indigo-800:#363885;
- --indigo-900:#282960;
- --teal-50:#f3fbfb;
- --teal-100:#c7eeea;
- --teal-200:#9ae0d9;
- --teal-300:#6dd3c8;
- --teal-400:#41c5b7;
- --teal-500:#14b8a6;
- --teal-600:#119c8d;
- --teal-700:#0e8174;
- --teal-800:#0b655b;
- --teal-900:#084a42;
- --orange-50:#fff8f3;
- --orange-100:#feddc7;
- --orange-200:#fcc39b;
- --orange-300:#fba86f;
- --orange-400:#fa8e42;
- --orange-500:#f97316;
- --orange-600:#d46213;
- --orange-700:#ae510f;
- --orange-800:#893f0c;
- --orange-900:#642e09;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dadee3;
- --bluegray-200:#bcc3cd;
- --bluegray-300:#9fa9b7;
- --bluegray-400:#818ea1;
- --bluegray-500:#64748b;
- --bluegray-600:#556376;
- --bluegray-700:#465161;
- --bluegray-800:#37404c;
- --bluegray-900:#282e38;
- --purple-50:#fbf7ff;
- --purple-100:#ead6fd;
- --purple-200:#dab6fc;
- --purple-300:#c996fa;
- --purple-400:#b975f9;
- --purple-500:#a855f7;
- --purple-600:#8f48d2;
- --purple-700:#763cad;
- --purple-800:#5c2f88;
- --purple-900:#432263;
- --red-50:#fff5f5;
- --red-100:#ffd0ce;
- --red-200:#ffaca7;
- --red-300:#ff8780;
- --red-400:#ff6259;
- --red-500:#ff3d32;
- --red-600:#d9342b;
- --red-700:#b32b23;
- --red-800:#8c221c;
- --red-900:#661814;
- --primary-50:#f7fbff;
- --primary-100:#d9e9fe;
- --primary-200:#bbd8fd;
- --primary-300:#9cc7fc;
- --primary-400:#7eb6fb;
- --primary-500:#60a5fa;
- --primary-600:#528cd5;
- --primary-700:#4374af;
- --primary-800:#355b8a;
- --primary-900:#264264;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #1f2937;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #424b57;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #1f2937;
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 6px;
- padding: 0.75rem 0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.75rem 1.25rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #424b57;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #111827;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #60a5fa;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #60a5fa;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #60a5fa;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #60a5fa;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.4;
- }
-
- .p-error {
- color: #fca5a5;
- }
-
- .p-text-secondary {
- color: rgba(255, 255, 255, 0.6);
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.75rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #60a5fa;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- border-color: #60a5fa;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.375rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.375rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.375rem 0.75rem;
- background: #424b57;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #6b7280;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-autocomplete-panel {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.75rem 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.75rem 1.25rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: #374151;
- font-weight: 700;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- border-color: #60a5fa;
- }
-
- .p-datepicker {
- padding: 0.5rem;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #1f2937;
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #1f2937;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- font-weight: 700;
- margin: 0;
- border-bottom: 1px solid #424b57;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- font-weight: 700;
- padding: 0.5rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #60a5fa;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0;
- }
- .p-datepicker table th {
- padding: 0.5rem;
- }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-datepicker table td {
- padding: 0.5rem;
- }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- transition: box-shadow 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: transparent;
- color: #60a5fa;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #424b57;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #424b57;
- padding: 0.5rem;
- }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #424b57;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #111827;
- border: 1px solid #424b57;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #60a5fa;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- border-color: #60a5fa;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #424b57;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #424b57;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #424b57;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.75rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 3rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-cascadeselect-panel {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.75rem 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.75rem 1.25rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 22px;
- height: 22px;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 2px solid #424b57;
- border-radius: 6px;
- }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #424b57;
- background: #111827;
- width: 22px;
- height: 22px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #030712;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #60a5fa;
- background: #60a5fa;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #60a5fa;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #bfdbfe;
- background: #bfdbfe;
- color: #030712;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- border-color: #60a5fa;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #fca5a5;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #424b57;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #60a5fa;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #424b57;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #bfdbfe;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #424b57;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #60a5fa;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #424b57;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #bfdbfe;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #60a5fa;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- border-color: #60a5fa;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.375rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: #424b57;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #6b7280;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.375rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 2rem;
- height: 2rem;
- }
-
- .p-colorpicker-panel {
- background: #1f2937;
- border: 1px solid #424b57;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: rgba(255, 255, 255, 0.87);
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #111827;
- border: 1px solid #424b57;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #60a5fa;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- border-color: #60a5fa;
- }
- .p-dropdown.p-variant-filled {
- background: #424b57;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #424b57;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #424b57;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 3rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 3rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-dropdown-panel {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.75rem 1.25rem;
- border-bottom: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- margin: 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.75rem 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.75rem 1.25rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: #374151;
- font-weight: 700;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.6);
- border-top: 1px solid #424b57;
- border-left: 1px solid #424b57;
- border-bottom: 1px solid #424b57;
- padding: 0.75rem 0.75rem;
- min-width: 3rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #424b57;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 3rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #424b57;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #424b57;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #424b57;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 3rem;
- height: 1.75rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #6b7280;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.6);
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #60a5fa;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #030712;
- transform: translateX(1.25rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #424b57;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #93c5fd;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #fca5a5;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #111827;
- padding: 0.75rem 0.75rem;
- border: 1px solid #424b57;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- appearance: none;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #60a5fa;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- border-color: #60a5fa;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #fca5a5;
- }
- .p-inputtext.p-variant-filled {
- background-color: #424b57;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #424b57;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #424b57;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.65625rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.9375rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #fca5a5;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- :-moz-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- ::-moz-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- :-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-filled .p-inputtext {
- background-color: #424b57;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #424b57;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #424b57;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.65625rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.9375rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.75rem 1.25rem;
- border-bottom: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- margin: 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-listbox .p-listbox-list {
- padding: 0.75rem 0;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.75rem 1.25rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: #374151;
- font-weight: 700;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- border-color: #60a5fa;
- }
- .p-listbox.p-invalid {
- border-color: #fca5a5;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #111827;
- border: 1px solid #424b57;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #60a5fa;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- border-color: #60a5fa;
- }
- .p-multiselect.p-variant-filled {
- background: #424b57;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #424b57;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #424b57;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.75rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: #424b57;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 3rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.375rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.75rem 1.25rem;
- border-bottom: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- margin: 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.75rem 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.75rem 1.25rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: #374151;
- font-weight: 700;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-password-panel {
- padding: 1.25rem;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #424b57;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #eb9a9c;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffcf91;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #93deac;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 22px;
- height: 22px;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 2px solid #424b57;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #424b57;
- background: #111827;
- width: 22px;
- height: 22px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #030712;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #60a5fa;
- background: #60a5fa;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #60a5fa;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #bfdbfe;
- background: #bfdbfe;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #030712;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- border-color: #60a5fa;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #fca5a5;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #424b57;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #60a5fa;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #424b57;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #bfdbfe;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #424b57;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #60a5fa;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #424b57;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #bfdbfe;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1.143rem;
- height: 1.143rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f48fb1;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #60a5fa;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #60a5fa;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #f48fb1;
- }
-
- .p-selectbutton .p-button {
- background: #1f2937;
- border: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #424b57;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-selectbutton .p-button.p-highlight {
- background: #60a5fa;
- border-color: #60a5fa;
- color: #030712;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #030712;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #93c5fd;
- border-color: #93c5fd;
- color: #030712;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #030712;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #424b57;
- border: 0 none;
- border-radius: 6px;
- }
- .p-slider.p-slider-horizontal {
- height: 0.286rem;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem;
- }
- .p-slider.p-slider-vertical {
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem;
- }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #424b57;
- border: 2px solid #60a5fa;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-slider .p-slider-range {
- background: #60a5fa;
- border-radius: 6px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #60a5fa;
- border-color: #60a5fa;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #111827;
- border: 1px solid #424b57;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #60a5fa;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- border-color: #60a5fa;
- }
- .p-treeselect.p-variant-filled {
- background: #424b57;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #424b57;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #424b57;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.75rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: #424b57;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 3rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.375rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #424b57;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #424b57;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #424b57;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #424b57;
- border-radius: 6px;
- }
- .p-togglebutton .p-button {
- background: #1f2937;
- border: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-togglebutton.p-highlight .p-button {
- background: #60a5fa;
- border-color: #60a5fa;
- color: #030712;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #030712;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: rgba(255, 255, 255, 0.03);
- border-color: #424b57;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #93c5fd;
- border-color: #93c5fd;
- color: #030712;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #030712;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- border-color: #60a5fa;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #030712;
- background: #60a5fa;
- border: 1px solid #60a5fa;
- padding: 0.75rem 1.25rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-button:not(:disabled):hover {
- background: #93c5fd;
- color: #030712;
- border-color: #93c5fd;
- }
- .p-button:not(:disabled):active {
- background: #bfdbfe;
- color: #030712;
- border-color: #bfdbfe;
- }
- .p-button.p-button-outlined {
- background-color: transparent;
- color: #60a5fa;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(96, 165, 250, 0.04);
- color: #60a5fa;
- border: 1px solid;
- }
- .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(96, 165, 250, 0.16);
- color: #60a5fa;
- border: 1px solid;
- }
- .p-button.p-button-outlined.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- border-color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-text {
- background-color: transparent;
- color: #60a5fa;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):hover {
- background: rgba(96, 165, 250, 0.04);
- color: #60a5fa;
- border-color: transparent;
- }
- .p-button.p-button-text:not(:disabled):active {
- background: rgba(96, 165, 250, 0.16);
- color: #60a5fa;
- border-color: transparent;
- }
- .p-button.p-button-text.p-button-plain {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button.p-button-text.p-button-plain:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: rgba(255, 255, 255, 0.6);
- }
- .p-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-button .p-button-label {
- transition-duration: 0.2s;
- }
- .p-button .p-button-icon-left {
- margin-right: 0.5rem;
- }
- .p-button .p-button-icon-right {
- margin-left: 0.5rem;
- }
- .p-button .p-button-icon-bottom {
- margin-top: 0.5rem;
- }
- .p-button .p-button-icon-top {
- margin-bottom: 0.5rem;
- }
- .p-button .p-badge {
- margin-left: 0.5rem;
- min-width: 1rem;
- height: 1rem;
- line-height: 1rem;
- color: #60a5fa;
- background-color: #030712;
- }
- .p-button.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
- }
- .p-button.p-button-rounded {
- border-radius: 2rem;
- }
- .p-button.p-button-icon-only {
- width: 3rem;
- padding: 0.75rem 0;
- }
- .p-button.p-button-icon-only .p-button-icon-left,
-.p-button.p-button-icon-only .p-button-icon-right {
- margin: 0;
- }
- .p-button.p-button-icon-only.p-button-rounded {
- border-radius: 50%;
- height: 3rem;
- }
- .p-button.p-button-sm {
- font-size: 0.875rem;
- padding: 0.65625rem 1.09375rem;
- }
- .p-button.p-button-sm .p-button-icon {
- font-size: 0.875rem;
- }
- .p-button.p-button-lg {
- font-size: 1.25rem;
- padding: 0.9375rem 1.5625rem;
- }
- .p-button.p-button-lg .p-button-icon {
- font-size: 1.25rem;
- }
- .p-button.p-button-loading-label-only .p-button-label {
- margin-left: 0.5rem;
- }
- .p-button.p-button-loading-label-only .p-button-loading-icon {
- margin-right: 0;
- }
-
- .p-fluid .p-button {
- width: 100%;
- }
- .p-fluid .p-button-icon-only {
- width: 3rem;
- }
- .p-fluid .p-button-group {
- display: flex;
- }
- .p-fluid .p-button-group .p-button {
- flex: 1;
- }
-
- .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
- color: #020617;
- background: #94a3b8;
- border: 1px solid #94a3b8;
- }
- .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
- background: #cbd5e1;
- color: #020617;
- border-color: #cbd5e1;
- }
- .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #b4bfcd;
- }
- .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
- background: #e2e8f0;
- color: #020617;
- border-color: #e2e8f0;
- }
- .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
- background-color: transparent;
- color: #94a3b8;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(148, 163, 184, 0.04);
- color: #94a3b8;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(148, 163, 184, 0.16);
- color: #94a3b8;
- border: 1px solid;
- }
- .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
- background-color: transparent;
- color: #94a3b8;
- border-color: transparent;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(148, 163, 184, 0.04);
- border-color: transparent;
- color: #94a3b8;
- }
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
- background: rgba(148, 163, 184, 0.16);
- border-color: transparent;
- color: #94a3b8;
- }
-
- .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
- color: #082f49;
- background: #38bdf8;
- border: 1px solid #38bdf8;
- }
- .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
- background: #7dd3fc;
- color: #082f49;
- border-color: #7dd3fc;
- }
- .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #74d1fa;
- }
- .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
- background: #bae6fd;
- color: #082f49;
- border-color: #bae6fd;
- }
- .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
- background-color: transparent;
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(56, 189, 248, 0.04);
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(56, 189, 248, 0.16);
- color: #38bdf8;
- border: 1px solid;
- }
- .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
- background-color: transparent;
- color: #38bdf8;
- border-color: transparent;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(56, 189, 248, 0.04);
- border-color: transparent;
- color: #38bdf8;
- }
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
- background: rgba(56, 189, 248, 0.16);
- border-color: transparent;
- color: #38bdf8;
- }
-
- .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
- color: #052e16;
- background: #4ade80;
- border: 1px solid #4ade80;
- }
- .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
- background: #86efac;
- color: #052e16;
- border-color: #86efac;
- }
- .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #80e8a6;
- }
- .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
- background: #bbf7d0;
- color: #052e16;
- border-color: #bbf7d0;
- }
- .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
- background-color: transparent;
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(74, 222, 128, 0.04);
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(74, 222, 128, 0.16);
- color: #4ade80;
- border: 1px solid;
- }
- .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
- background-color: transparent;
- color: #4ade80;
- border-color: transparent;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(74, 222, 128, 0.04);
- border-color: transparent;
- color: #4ade80;
- }
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
- background: rgba(74, 222, 128, 0.16);
- border-color: transparent;
- color: #4ade80;
- }
-
- .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
- color: #431407;
- background: #fb923c;
- border: 1px solid #fb923c;
- }
- .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
- background: #fdba74;
- color: #431407;
- border-color: #fdba74;
- }
- .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #fcb377;
- }
- .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
- background: #fed7aa;
- color: #431407;
- border-color: #fed7aa;
- }
- .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
- background-color: transparent;
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(251, 146, 60, 0.04);
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(251, 146, 60, 0.16);
- color: #fb923c;
- border: 1px solid;
- }
- .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
- background-color: transparent;
- color: #fb923c;
- border-color: transparent;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(251, 146, 60, 0.04);
- border-color: transparent;
- color: #fb923c;
- }
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
- background: rgba(251, 146, 60, 0.16);
- border-color: transparent;
- color: #fb923c;
- }
-
- .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
- color: #3b0764;
- background: #c084fc;
- border: 1px solid #c084fc;
- }
- .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
- background: #d8b4fe;
- color: #3b0764;
- border-color: #d8b4fe;
- }
- .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #d3a9fd;
- }
- .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
- background: #e9d5ff;
- color: #3b0764;
- border-color: #e9d5ff;
- }
- .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
- background-color: transparent;
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(192, 132, 252, 0.04);
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(192, 132, 252, 0.16);
- color: #c084fc;
- border: 1px solid;
- }
- .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
- background-color: transparent;
- color: #c084fc;
- border-color: transparent;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(192, 132, 252, 0.04);
- border-color: transparent;
- color: #c084fc;
- }
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
- background: rgba(192, 132, 252, 0.16);
- border-color: transparent;
- color: #c084fc;
- }
-
- .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
- color: #450a0a;
- background: #f87171;
- border: 1px solid #f87171;
- }
- .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
- background: #fca5a5;
- color: #450a0a;
- border-color: #fca5a5;
- }
- .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
- box-shadow: 0 0 0 1px #fa9c9c;
- }
- .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
- background: #fecaca;
- color: #450a0a;
- border-color: #fecaca;
- }
- .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
- background-color: transparent;
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(248, 113, 113, 0.04);
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(248, 113, 113, 0.16);
- color: #f87171;
- border: 1px solid;
- }
- .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
- background-color: transparent;
- color: #f87171;
- border-color: transparent;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(248, 113, 113, 0.04);
- border-color: transparent;
- color: #f87171;
- }
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
- background: rgba(248, 113, 113, 0.16);
- border-color: transparent;
- color: #f87171;
- }
-
- .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
- color: #111827;
- background: #ffffff;
- border: 1px solid #ffffff;
- }
- .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
- background: #f3f4f6;
- color: #111827;
- border-color: #f3f4f6;
- }
- .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
- box-shadow: none;
- }
- .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
- background: #e5e7eb;
- color: #111827;
- border-color: #e5e7eb;
- }
- .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
- background-color: transparent;
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- color: #ffffff;
- border: 1px solid;
- }
- .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
- background-color: transparent;
- color: #ffffff;
- border-color: transparent;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
- background: rgba(255, 255, 255, 0.04);
- border-color: transparent;
- color: #ffffff;
- }
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
- background: rgba(255, 255, 255, 0.16);
- border-color: transparent;
- color: #ffffff;
- }
-
- .p-button.p-button-link {
- color: #60a5fa;
- background: transparent;
- border: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover {
- background: transparent;
- color: #60a5fa;
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):hover .p-button-label {
- text-decoration: underline;
- }
- .p-button.p-button-link:not(:disabled):focus {
- background: transparent;
- box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.2);
- border-color: transparent;
- }
- .p-button.p-button-link:not(:disabled):active {
- background: transparent;
- color: #60a5fa;
- border-color: transparent;
- }
-
- .p-speeddial {
- position: absolute;
- display: flex;
- }
-
- .p-speeddial-button {
- z-index: 1;
- }
-
- .p-speeddial-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- transition: top 0s linear 0.2s;
- pointer-events: none;
- z-index: 2;
- }
-
- .p-speeddial-item {
- transform: scale(0);
- opacity: 0;
- transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
- will-change: transform;
- }
-
- .p-speeddial-action {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- overflow: hidden;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- position: absolute;
- }
-
- .p-speeddial-rotate {
- transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- will-change: transform;
- }
-
- .p-speeddial-mask {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-mask-visible {
- pointer-events: none;
- opacity: 1;
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- .p-speeddial-opened .p-speeddial-list {
- pointer-events: auto;
- }
-
- .p-speeddial-opened .p-speeddial-item {
- transform: scale(1);
- opacity: 1;
- }
-
- .p-speeddial-opened .p-speeddial-rotate {
- transform: rotate(45deg);
- }
-
- .p-speeddial-button.p-button.p-button-icon-only {
- width: 4rem;
- height: 4rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
- font-size: 1.3rem;
- }
- .p-speeddial-button.p-button.p-button-icon-only .p-icon {
- width: 1.3rem;
- height: 1.3rem;
- }
-
- .p-speeddial-list {
- outline: 0 none;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
-
- .p-speeddial-action {
- width: 3rem;
- height: 3rem;
- background: rgba(255, 255, 255, 0.87);
- color: #111827;
- outline-color: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-speeddial-action:hover {
- background: rgba(255, 255, 255, 0.6);
- color: #111827;
- }
-
- .p-speeddial-direction-up .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-up .p-speeddial-item:first-child {
- margin-bottom: 0.5rem;
- }
-
- .p-speeddial-direction-down .p-speeddial-item {
- margin: 0.25rem 0;
- }
- .p-speeddial-direction-down .p-speeddial-item:first-child {
- margin-top: 0.5rem;
- }
-
- .p-speeddial-direction-left .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-left .p-speeddial-item:first-child {
- margin-right: 0.5rem;
- }
-
- .p-speeddial-direction-right .p-speeddial-item {
- margin: 0 0.25rem;
- }
- .p-speeddial-direction-right .p-speeddial-item:first-child {
- margin-left: 0.5rem;
- }
-
- .p-speeddial-circle .p-speeddial-item,
-.p-speeddial-semi-circle .p-speeddial-item,
-.p-speeddial-quarter-circle .p-speeddial-item {
- margin: 0;
- }
- .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
-.p-speeddial-semi-circle .p-speeddial-item:first-child,
-.p-speeddial-semi-circle .p-speeddial-item:last-child,
-.p-speeddial-quarter-circle .p-speeddial-item:first-child,
-.p-speeddial-quarter-circle .p-speeddial-item:last-child {
- margin: 0;
- }
-
- .p-speeddial-mask {
- background-color: rgba(0, 0, 0, 0.4);
- border-radius: 6px;
- }
-
- .p-splitbutton {
- display: inline-flex;
- position: relative;
- }
-
- .p-splitbutton .p-splitbutton-defaultbutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover {
- flex: 1 1 auto;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-right: 0 none;
- }
-
- .p-splitbutton-menubutton,
-.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
-.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-splitbutton .p-menu {
- min-width: 100%;
- }
-
- .p-fluid .p-splitbutton {
- display: flex;
- }
-
- .p-splitbutton {
- border-radius: 6px;
- }
- .p-splitbutton.p-button-rounded {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-rounded > .p-button {
- border-radius: 2rem;
- }
- .p-splitbutton.p-button-raised {
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
- }
-
- .p-carousel {
- display: flex;
- flex-direction: column;
- }
-
- .p-carousel-content {
- display: flex;
- flex-direction: column;
- overflow: auto;
- }
-
- .p-carousel-prev,
-.p-carousel-next {
- align-self: center;
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-carousel-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-items-content {
- overflow: hidden;
- width: 100%;
- }
-
- .p-carousel-items-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-carousel-indicators {
- display: flex;
- flex-direction: row;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-carousel-indicator > button {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /* Vertical */
- .p-carousel-vertical .p-carousel-container {
- flex-direction: column;
- }
-
- .p-carousel-vertical .p-carousel-items-container {
- flex-direction: column;
- height: 100%;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-carousel-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-carousel-item.p-carousel-item-active {
- visibility: visible;
- }
-
- .p-carousel .p-carousel-content .p-carousel-prev,
-.p-carousel .p-carousel-content .p-carousel-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- margin: 0.5rem;
- }
- .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
-.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
-.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-carousel .p-carousel-indicators {
- padding: 1rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator {
- margin-right: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button {
- background-color: #424b57;
- width: 2rem;
- height: 0.5rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 0;
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-datatable {
- position: relative;
- }
-
- .p-datatable-table {
- border-spacing: 0px;
- width: 100%;
- }
-
- .p-datatable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-datatable .p-sortable-column .p-column-title,
-.p-datatable .p-sortable-column .p-sortable-column-icon,
-.p-datatable .p-sortable-column .p-sortable-column-badge {
- vertical-align: middle;
- }
-
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-datatable-hoverable-rows .p-selectable-row {
- cursor: pointer;
- }
-
- /* Scrollable */
- .p-datatable-scrollable > .p-datatable-wrapper {
- position: relative;
- }
-
- .p-datatable-scrollable-table > .p-datatable-thead {
- top: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-frozen-tbody {
- position: sticky;
- z-index: 1;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tfoot {
- bottom: 0;
- z-index: 1;
- }
-
- .p-datatable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-datatable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-datatable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-datatable-flex-scrollable > .p-datatable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {
- position: sticky;
- z-index: 1;
- }
-
- /* Resizable */
- .p-datatable-resizable-table > .p-datatable-thead > tr > th,
-.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,
-.p-datatable-resizable-table > .p-datatable-tbody > tr > td {
- overflow: hidden;
- white-space: nowrap;
- }
-
- .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-datatable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-datatable .p-column-header-content {
- display: flex;
- align-items: center;
- }
-
- .p-datatable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-datatable .p-row-editor-init,
-.p-datatable .p-row-editor-save,
-.p-datatable .p-row-editor-cancel {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Expand */
- .p-datatable .p-row-toggler {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Reorder */
- .p-datatable-reorder-indicator-up,
-.p-datatable-reorder-indicator-down {
- position: absolute;
- display: none;
- }
-
- .p-reorderable-column,
-.p-datatable-reorderablerow-handle {
- cursor: move;
- }
-
- /* Loader */
- .p-datatable .p-datatable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Filter */
- .p-column-filter-row {
- display: flex;
- align-items: center;
- width: 100%;
- }
-
- .p-column-filter-menu {
- display: inline-flex;
- margin-left: auto;
- }
-
- .p-column-filter-row .p-column-filter-element {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-column-filter-menu-button,
-.p-column-filter-clear-button {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-column-filter-row-items {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-column-filter-row-item {
- cursor: pointer;
- }
-
- .p-column-filter-add-button,
-.p-column-filter-remove-button {
- justify-content: center;
- }
-
- .p-column-filter-add-button .p-button-label,
-.p-column-filter-remove-button .p-button-label {
- flex-grow: 0;
- }
-
- .p-column-filter-buttonbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {
- width: auto;
- }
-
- /* Responsive */
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- display: none;
- }
-
- /* VirtualScroller */
- .p-datatable-virtualscroller-spacer {
- display: flex;
- }
-
- .p-datatable .p-virtualscroller .p-virtualscroller-loading {
- transform: none !important;
- min-height: 0;
- position: sticky;
- top: 0;
- left: 0;
- }
-
- .p-datatable .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-datatable .p-datatable-header {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #424b57;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
- }
- .p-datatable .p-datatable-footer {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
- }
- .p-datatable .p-datatable-thead > tr > th {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #424b57;
- border-width: 0 0 1px 0;
- font-weight: 700;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- transition: box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tfoot > tr > td {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #424b57;
- border-width: 0 0 1px 0;
- font-weight: 700;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- }
- .p-datatable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- margin-left: 0.5rem;
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight:hover {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-sortable-column:focus-visible {
- box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2);
- outline: 0 none;
- }
- .p-datatable .p-datatable-tbody > tr {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- }
- .p-datatable .p-datatable-tbody > tr > td {
- text-align: left;
- border: 1px solid #424b57;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
-.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
- margin-right: 0.5rem;
- }
- .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
- font-weight: 700;
- }
- .p-datatable .p-datatable-tbody > tr:focus-visible {
- outline: 0.15rem solid rgba(96, 165, 250, 0.2);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
- outline: 0.15rem solid rgba(96, 165, 250, 0.2);
- outline-offset: -0.15rem;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 rgba(96, 165, 250, 0.16);
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 rgba(96, 165, 250, 0.16);
- }
- .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable .p-column-resizer-helper {
- background: #60a5fa;
- }
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
- background-color: #1f2937;
- }
- .p-datatable .p-datatable-loading-icon {
- font-size: 2rem;
- }
- .p-datatable .p-datatable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-top {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-paginator-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
- border-width: 1px 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
- border-width: 1px 1px 0 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
- border-width: 1px 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
- border-width: 1px 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
- border-width: 0 0 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
- border-width: 0 1px 1px 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
- border-width: 0 0 0 1px;
- }
- .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
- border-width: 0 1px 0 1px;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
- background: #1c2532;
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-datatable.p-datatable-sm .p-datatable-header {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-sm .p-datatable-footer {
- padding: 0.5rem 0.5rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-header {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-datatable.p-datatable-lg .p-datatable-footer {
- padding: 1.25rem 1.25rem;
- }
-
- .p-dataview .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-dataview .p-dataview-header {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #424b57;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
- }
- .p-dataview .p-dataview-content {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- padding: 0;
- }
- .p-dataview .p-dataview-footer {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-column-filter-row .p-column-filter-menu-button,
-.p-column-filter-row .p-column-filter-clear-button {
- margin-left: 0.5rem;
- }
-
- .p-column-filter-menu-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-menu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-column-filter-menu-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
-
- .p-column-filter-clear-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-column-filter-clear-button:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-clear-button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
-
- .p-column-filter-overlay {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- min-width: 12.5rem;
- }
- .p-column-filter-overlay .p-column-filter-row-items {
- padding: 0.75rem 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
- margin: 0;
- padding: 0.75rem 1.25rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
- margin-top: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
- margin-bottom: 0;
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2);
- }
- .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
- border-top: 1px solid #424b57;
- margin: 0.25rem 0;
- }
-
- .p-column-filter-overlay-menu .p-column-filter-operator {
- padding: 0.75rem 1.25rem;
- border-bottom: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- margin: 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint {
- padding: 1.25rem;
- border-bottom: 1px solid #424b57;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
- margin-bottom: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
- margin-top: 0.5rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
- border-bottom: 0 none;
- }
- .p-column-filter-overlay-menu .p-column-filter-add-rule {
- padding: 0.75rem 1.25rem;
- }
- .p-column-filter-overlay-menu .p-column-filter-buttonbar {
- padding: 1.25rem;
- }
-
- .p-orderlist {
- display: flex;
- }
-
- .p-orderlist-controls {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-orderlist-list-container {
- flex: 1 1 auto;
- }
-
- .p-orderlist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-orderlist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-item,
-.p-orderlist.p-state-disabled .p-button {
- cursor: default;
- }
-
- .p-orderlist.p-state-disabled .p-orderlist-list {
- overflow: hidden;
- }
-
- .p-orderlist .p-orderlist-controls {
- padding: 1.25rem;
- }
- .p-orderlist .p-orderlist-controls .p-button {
- margin-bottom: 0.5rem;
- }
- .p-orderlist .p-orderlist-list-container {
- background: #1f2937;
- border: 1px solid #424b57;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-orderlist .p-orderlist-list-container.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- border-color: #60a5fa;
- }
- .p-orderlist .p-orderlist-header {
- color: rgba(255, 255, 255, 0.87);
- padding: 1.25rem;
- font-weight: 700;
- }
- .p-orderlist .p-orderlist-list {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 0;
- outline: 0 none;
- }
- .p-orderlist .p-orderlist-list:not(:first-child) {
- border-top: 1px solid #424b57;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item {
- padding: 0.75rem 1.25rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
- margin-top: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
- margin-bottom: 0;
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
- background: #1c2532;
- }
- .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-organizationchart-table {
- border-spacing: 0;
- border-collapse: separate;
- margin: 0 auto;
- }
-
- .p-organizationchart-table > tbody > tr > td {
- text-align: center;
- vertical-align: top;
- padding: 0 0.75rem;
- }
-
- .p-organizationchart-node-content {
- display: inline-block;
- position: relative;
- }
-
- .p-organizationchart-node-content .p-node-toggler {
- position: absolute;
- bottom: -0.75rem;
- margin-left: -0.75rem;
- z-index: 2;
- left: 50%;
- user-select: none;
- cursor: pointer;
- width: 1.5rem;
- height: 1.5rem;
- text-decoration: none;
- }
-
- .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {
- position: relative;
- top: 0.25rem;
- }
-
- .p-organizationchart-line-down {
- margin: 0 auto;
- height: 20px;
- width: 1px;
- }
-
- .p-organizationchart-line-right {
- border-radius: 0px;
- }
-
- .p-organizationchart-line-left {
- border-radius: 0;
- }
-
- .p-organizationchart-selectable-node {
- cursor: pointer;
- }
-
- .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
- color: rgba(7, 99, 212, 0.16);
- }
- .p-organizationchart .p-organizationchart-line-down {
- background: #424b57;
- }
- .p-organizationchart .p-organizationchart-line-left {
- border-right: 1px solid #424b57;
- border-color: #424b57;
- }
- .p-organizationchart .p-organizationchart-line-top {
- border-top: 1px solid #424b57;
- border-color: #424b57;
- }
- .p-organizationchart .p-organizationchart-node-content {
- border: 1px solid #424b57;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.25rem;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
- background: inherit;
- color: inherit;
- border-radius: 50%;
- outline-color: transparent;
- }
- .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
-
- .p-paginator-default {
- display: flex;
- }
-
- .p-paginator {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-wrap: wrap;
- }
-
- .p-paginator-left-content {
- margin-right: auto;
- }
-
- .p-paginator-right-content {
- margin-left: auto;
- }
-
- .p-paginator-page,
-.p-paginator-next,
-.p-paginator-last,
-.p-paginator-first,
-.p-paginator-prev,
-.p-paginator-current {
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- line-height: 1;
- user-select: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-paginator-element:focus {
- z-index: 1;
- position: relative;
- }
-
- .p-paginator {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.6);
- border: solid #424b57;
- border-width: 1px;
- padding: 0.5rem 1rem;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-first,
-.p-paginator .p-paginator-prev,
-.p-paginator .p-paginator-next,
-.p-paginator .p-paginator-last {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
-.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-paginator .p-paginator-first {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-paginator .p-paginator-last {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-paginator .p-dropdown {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- height: 3rem;
- }
- .p-paginator .p-dropdown .p-dropdown-label {
- padding-right: 0;
- }
- .p-paginator .p-paginator-page-input {
- margin-left: 0.5rem;
- margin-right: 0.5rem;
- }
- .p-paginator .p-paginator-page-input .p-inputtext {
- max-width: 3rem;
- }
- .p-paginator .p-paginator-current {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- padding: 0 0.5rem;
- }
- .p-paginator .p-paginator-pages .p-paginator-page {
- background-color: transparent;
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
- min-width: 3rem;
- height: 3rem;
- margin: 0.143rem;
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
- background: rgba(96, 165, 250, 0.16);
- border-color: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: transparent;
- color: rgba(255, 255, 255, 0.87);
- }
-
- .p-picklist {
- display: flex;
- }
-
- .p-picklist-buttons {
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
-
- .p-picklist-list-wrapper {
- flex: 1 1 50%;
- }
-
- .p-picklist-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- overflow: auto;
- min-height: 12rem;
- max-height: 24rem;
- }
-
- .p-picklist-item {
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-picklist-item.p-picklist-flip-enter-active.p-picklist-flip-enter-to,
-.p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
- transition: none;
- }
-
- .p-picklist .p-picklist-buttons {
- padding: 1.25rem;
- }
- .p-picklist .p-picklist-buttons .p-button {
- margin-bottom: 0.5rem;
- }
- .p-picklist .p-picklist-list-wrapper {
- background: #1f2937;
- border: 1px solid #424b57;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-picklist .p-picklist-list-wrapper.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- border-color: #60a5fa;
- }
- .p-picklist .p-picklist-header {
- color: rgba(255, 255, 255, 0.87);
- padding: 1.25rem;
- font-weight: 700;
- }
- .p-picklist .p-picklist-list {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 0;
- outline: 0 none;
- }
- .p-picklist .p-picklist-list:not(:first-child) {
- border-top: 1px solid #424b57;
- }
- .p-picklist .p-picklist-list .p-picklist-item {
- padding: 0.75rem 1.25rem;
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: transform 0.2s, box-shadow 0.2s;
- }
- .p-picklist .p-picklist-list .p-picklist-item:first-child {
- margin-top: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:last-child {
- margin-bottom: 0;
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
- background: #1c2532;
- }
- .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
- background: rgba(255, 255, 255, 0.03);
- }
-
- .p-timeline {
- display: flex;
- flex-grow: 1;
- flex-direction: column;
- }
-
- .p-timeline-left .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-left .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event {
- flex-direction: row-reverse;
- }
-
- .p-timeline-right .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-right .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: row-reverse;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
- text-align: right;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
- text-align: left;
- }
-
- .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
- text-align: right;
- }
-
- .p-timeline-event {
- display: flex;
- position: relative;
- min-height: 70px;
- }
-
- .p-timeline-event:last-child {
- min-height: 0;
- }
-
- .p-timeline-event-opposite {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-content {
- flex: 1;
- padding: 0 1rem;
- }
-
- .p-timeline-event-separator {
- flex: 0;
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- .p-timeline-event-marker {
- display: flex;
- align-self: baseline;
- }
-
- .p-timeline-event-connector {
- flex-grow: 1;
- }
-
- .p-timeline-horizontal {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event {
- flex-direction: column;
- flex: 1;
- }
-
- .p-timeline-horizontal .p-timeline-event:last-child {
- flex: 0;
- }
-
- .p-timeline-horizontal .p-timeline-event-separator {
- flex-direction: row;
- }
-
- .p-timeline-horizontal .p-timeline-event-connector {
- width: 100%;
- }
-
- .p-timeline-bottom .p-timeline-event {
- flex-direction: column-reverse;
- }
-
- .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
- flex-direction: column-reverse;
- }
-
- .p-timeline .p-timeline-event-marker {
- border: 2px solid #60a5fa;
- border-radius: 50%;
- width: 1rem;
- height: 1rem;
- background-color: #030712;
- }
- .p-timeline .p-timeline-event-connector {
- background-color: #424b57;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
-.p-timeline.p-timeline-vertical .p-timeline-event-content {
- padding: 0 1rem;
- }
- .p-timeline.p-timeline-vertical .p-timeline-event-connector {
- width: 2px;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
-.p-timeline.p-timeline-horizontal .p-timeline-event-content {
- padding: 1rem 0;
- }
- .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
- height: 2px;
- }
-
- .p-tree-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow: auto;
- }
-
- .p-treenode-children {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-tree-wrapper {
- overflow: auto;
- }
-
- .p-treenode-selectable {
- cursor: pointer;
- user-select: none;
- }
-
- .p-tree-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- flex-shrink: 0;
- }
-
- .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
- visibility: hidden;
- }
-
- .p-treenode-content {
- display: flex;
- align-items: center;
- }
-
- .p-tree-filter {
- width: 100%;
- }
-
- .p-tree-filter-container {
- position: relative;
- display: block;
- width: 100%;
- }
-
- .p-tree-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-tree-loading {
- position: relative;
- min-height: 4rem;
- }
-
- .p-tree .p-tree-loading-overlay {
- position: absolute;
- z-index: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tree-flex-scrollable {
- display: flex;
- flex: 1;
- height: 100%;
- flex-direction: column;
- }
-
- .p-tree-flex-scrollable .p-tree-wrapper {
- flex: 1;
- }
-
- .p-tree {
- border: 1px solid #424b57;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.25rem;
- border-radius: 6px;
- }
- .p-tree .p-tree-container .p-treenode {
- padding: 0.143rem;
- outline: 0 none;
- }
- .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content {
- border-radius: 6px;
- transition: box-shadow 0.2s;
- padding: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
- margin-right: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
- margin-right: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
-.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tree .p-tree-filter-container {
- margin-bottom: 0.5rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter {
- width: 100%;
- padding-right: 1.75rem;
- }
- .p-tree .p-tree-filter-container .p-tree-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-tree .p-treenode-children {
- padding: 0 0 0 1rem;
- }
- .p-tree .p-tree-loading-icon {
- font-size: 2rem;
- }
- .p-tree .p-tree-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
-
- .p-treetable {
- position: relative;
- }
-
- .p-treetable table {
- border-collapse: collapse;
- width: 100%;
- table-layout: fixed;
- }
-
- .p-treetable .p-sortable-column {
- cursor: pointer;
- user-select: none;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-responsive-scroll > .p-treetable-wrapper > table,
-.p-treetable-auto-layout > .p-treetable-wrapper > table {
- table-layout: auto;
- }
-
- .p-treetable-hoverable-rows .p-treetable-tbody > tr {
- cursor: pointer;
- }
-
- .p-treetable-toggler {
- cursor: pointer;
- user-select: none;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: middle;
- overflow: hidden;
- position: relative;
- }
-
- .p-treetable-toggler + .p-checkbox {
- vertical-align: middle;
- }
-
- .p-treetable-toggler + .p-checkbox + span {
- vertical-align: middle;
- }
-
- /* Resizable */
- .p-treetable-resizable > .p-treetable-wrapper {
- overflow-x: auto;
- }
-
- .p-treetable-resizable .p-treetable-thead > tr > th,
-.p-treetable-resizable .p-treetable-tfoot > tr > td,
-.p-treetable-resizable .p-treetable-tbody > tr > td {
- overflow: hidden;
- }
-
- .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {
- background-clip: padding-box;
- position: relative;
- }
-
- .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
- display: none;
- }
-
- .p-treetable .p-column-resizer {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- margin: 0;
- width: 0.5rem;
- height: 100%;
- padding: 0px;
- cursor: col-resize;
- border: 1px solid transparent;
- }
-
- .p-treetable .p-column-resizer-helper {
- width: 1px;
- position: absolute;
- z-index: 10;
- display: none;
- }
-
- .p-treetable .p-treetable-loading-overlay {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 2;
- }
-
- /* Scrollable */
- .p-treetable-scrollable .p-treetable-wrapper {
- position: relative;
- overflow: auto;
- }
-
- .p-treetable-scrollable .p-treetable-table {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead,
-.p-treetable-scrollable .p-treetable-tbody,
-.p-treetable-scrollable .p-treetable-tfoot {
- display: block;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr,
-.p-treetable-scrollable .p-treetable-tbody > tr,
-.p-treetable-scrollable .p-treetable-tfoot > tr {
- display: flex;
- flex-wrap: nowrap;
- width: 100%;
- }
-
- .p-treetable-scrollable .p-treetable-thead > tr > th,
-.p-treetable-scrollable .p-treetable-tbody > tr > td,
-.p-treetable-scrollable .p-treetable-tfoot > tr > td {
- display: flex;
- flex: 1 1 0;
- align-items: center;
- }
-
- .p-treetable-scrollable .p-treetable-thead {
- position: sticky;
- top: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-treetable-tfoot {
- position: sticky;
- bottom: 0;
- z-index: 1;
- }
-
- .p-treetable-scrollable .p-frozen-column {
- position: sticky;
- background: inherit;
- }
-
- .p-treetable-scrollable th.p-frozen-column {
- z-index: 1;
- }
-
- .p-treetable-scrollable-both .p-treetable-thead > tr > th,
-.p-treetable-scrollable-both .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-both .p-treetable-tfoot > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,
-.p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {
- flex: 0 0 auto;
- }
-
- .p-treetable-flex-scrollable {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
-
- .p-treetable-flex-scrollable .p-treetable-wrapper {
- display: flex;
- flex-direction: column;
- flex: 1;
- height: 100%;
- }
-
- .p-treetable .p-paginator-top {
- border-width: 1px 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-paginator-bottom {
- border-width: 0 0 1px 0;
- border-radius: 0;
- }
- .p-treetable .p-treetable-header {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.6);
- border: 1px solid #424b57;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
- }
- .p-treetable .p-treetable-footer {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- font-weight: 700;
- }
- .p-treetable .p-treetable-thead > tr > th {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #424b57;
- border-width: 0 0 1px 0;
- font-weight: 700;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- transition: box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tfoot > tr > td {
- text-align: left;
- padding: 1rem 1rem;
- border: 1px solid #424b57;
- border-width: 0 0 1px 0;
- font-weight: 700;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- }
- .p-treetable .p-sortable-column {
- outline-color: rgba(96, 165, 250, 0.2);
- }
- .p-treetable .p-sortable-column .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column .p-sortable-column-badge {
- border-radius: 50%;
- height: 1.143rem;
- min-width: 1.143rem;
- line-height: 1.143rem;
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- margin-left: 0.5rem;
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column.p-highlight {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- }
- .p-treetable .p-treetable-tbody > tr > td {
- text-align: left;
- border: 1px solid #424b57;
- border-width: 0 0 1px 0;
- padding: 1rem 1rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr:focus-visible {
- outline: 0.15rem solid rgba(96, 165, 250, 0.2);
- outline-offset: -0.15rem;
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-treetable .p-column-resizer-helper {
- background: #60a5fa;
- }
- .p-treetable .p-treetable-scrollable-header,
-.p-treetable .p-treetable-scrollable-footer {
- background: #1f2937;
- }
- .p-treetable .p-treetable-loading-icon {
- font-size: 2rem;
- }
- .p-treetable .p-treetable-loading-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-treetable.p-treetable-gridlines .p-datatable-header {
- border-width: 1px 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-footer {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-top {
- border-width: 0 1px 0 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-bottom {
- border-width: 0 1px 1px 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
- border-width: 1px;
- }
- .p-treetable.p-treetable-sm .p-treetable-header {
- padding: 0.875rem 0.875rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-sm .p-treetable-footer {
- padding: 0.5rem 0.5rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-header {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
- padding: 1.25rem 1.25rem;
- }
- .p-treetable.p-treetable-lg .p-treetable-footer {
- padding: 1.25rem 1.25rem;
- }
-
- .p-accordion-header-action {
- cursor: pointer;
- display: flex;
- align-items: center;
- user-select: none;
- position: relative;
- text-decoration: none;
- }
-
- .p-accordion-header-action:focus {
- z-index: 1;
- }
-
- .p-accordion-header-text {
- line-height: 1;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- padding: 1.25rem;
- border: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- font-weight: 700;
- border-radius: 6px;
- transition: box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
- margin-right: 0.5rem;
- }
- .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
- background: rgba(255, 255, 255, 0.03);
- border-color: #424b57;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
- background: #1f2937;
- border-color: #424b57;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- }
- .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
- border-color: #424b57;
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-accordion .p-accordion-content {
- padding: 1.25rem;
- border: 1px solid #424b57;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-accordion .p-accordion-tab {
- margin-bottom: 4px;
- }
-
- .p-card {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
- border-radius: 6px;
- }
- .p-card .p-card-body {
- padding: 1.25rem;
- }
- .p-card .p-card-title {
- font-size: 1.5rem;
- font-weight: 700;
- margin-bottom: 0.5rem;
- }
- .p-card .p-card-subtitle {
- font-weight: 400;
- margin-bottom: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-card .p-card-content {
- padding: 1.25rem 0;
- }
- .p-card .p-card-footer {
- padding: 1.25rem 0 0 0;
- }
-
- .p-fieldset-legend > a,
-.p-fieldset-legend > span {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-fieldset-toggleable .p-fieldset-legend a {
- cursor: pointer;
- user-select: none;
- overflow: hidden;
- position: relative;
- text-decoration: none;
- }
-
- .p-fieldset-legend-text {
- line-height: 1;
- }
-
- .p-fieldset {
- border: 1px solid #424b57;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 6px;
- }
- .p-fieldset .p-fieldset-legend {
- padding: 1.25rem;
- border: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- font-weight: 700;
- border-radius: 6px;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
- padding: 0;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
- padding: 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 6px;
- transition: box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
- margin-right: 0.5rem;
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #424b57;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-fieldset .p-fieldset-content {
- padding: 1.25rem;
- }
-
- .p-divider-horizontal {
- display: flex;
- width: 100%;
- position: relative;
- align-items: center;
- }
-
- .p-divider-horizontal:before {
- position: absolute;
- display: block;
- top: 50%;
- left: 0;
- width: 100%;
- content: "";
- }
-
- .p-divider-content {
- z-index: 1;
- }
-
- .p-divider-vertical {
- min-height: 100%;
- margin: 0 1rem;
- display: flex;
- position: relative;
- justify-content: center;
- }
-
- .p-divider-vertical:before {
- position: absolute;
- display: block;
- top: 0;
- left: 50%;
- height: 100%;
- content: "";
- }
-
- .p-divider.p-divider-solid.p-divider-horizontal:before {
- border-top-style: solid;
- }
- .p-divider.p-divider-solid.p-divider-vertical:before {
- border-left-style: solid;
- }
- .p-divider.p-divider-dashed.p-divider-horizontal:before {
- border-top-style: dashed;
- }
- .p-divider.p-divider-dashed.p-divider-vertical:before {
- border-left-style: dashed;
- }
- .p-divider.p-divider-dotted.p-divider-horizontal:before {
- border-top-style: dotted;
- }
- .p-divider.p-divider-dotted.p-divider-vertical:before {
- border-left-style: dotted;
- }
-
- .p-divider .p-divider-content {
- background-color: #1f2937;
- }
- .p-divider.p-divider-horizontal {
- margin: 1.25rem 0;
- padding: 0 1.25rem;
- }
- .p-divider.p-divider-horizontal:before {
- border-top: 1px solid #424b57;
- }
- .p-divider.p-divider-horizontal .p-divider-content {
- padding: 0 0.5rem;
- }
- .p-divider.p-divider-vertical {
- margin: 0 1.25rem;
- padding: 1.25rem 0;
- }
- .p-divider.p-divider-vertical:before {
- border-left: 1px solid #424b57;
- }
- .p-divider.p-divider-vertical .p-divider-content {
- padding: 0.5rem 0;
- }
-
- .p-panel-header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- .p-panel-title {
- line-height: 1;
- }
-
- .p-panel-header-icon {
- display: inline-flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-panel .p-panel-header {
- border: 1px solid #424b57;
- padding: 1.25rem;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-panel .p-panel-header .p-panel-title {
- font-weight: 700;
- }
- .p-panel .p-panel-header .p-panel-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-panel.p-panel-toggleable .p-panel-header {
- padding: 0.75rem 1.25rem;
- }
- .p-panel .p-panel-content {
- padding: 1.25rem;
- border: 1px solid #424b57;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border-top: 0 none;
- }
- .p-panel .p-panel-content:last-child {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panel .p-panel-footer {
- padding: 0.75rem 1.25rem;
- border: 1px solid #424b57;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- border-top: 0 none;
- }
-
- .p-scrollpanel-wrapper {
- overflow: hidden;
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- float: left;
- }
-
- .p-scrollpanel-content {
- height: calc(100% + 18px);
- width: calc(100% + 18px);
- padding: 0 18px 18px 0;
- position: relative;
- overflow: auto;
- box-sizing: border-box;
- scrollbar-width: none;
- }
-
- .p-scrollpanel-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-scrollpanel-bar {
- position: relative;
- background: #c1c1c1;
- border-radius: 3px;
- z-index: 2;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.25s linear;
- }
-
- .p-scrollpanel-bar-y {
- width: 9px;
- top: 0;
- }
-
- .p-scrollpanel-bar-x {
- height: 9px;
- bottom: 0;
- }
-
- .p-scrollpanel-hidden {
- visibility: hidden;
- }
-
- .p-scrollpanel:hover .p-scrollpanel-bar,
-.p-scrollpanel:active .p-scrollpanel-bar {
- opacity: 1;
- }
-
- .p-scrollpanel-grabbed {
- user-select: none;
- }
-
- .p-scrollpanel .p-scrollpanel-bar {
- background: #424b57;
- border: 0 none;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-scrollpanel .p-scrollpanel-bar:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
-
- .p-splitter {
- display: flex;
- flex-wrap: nowrap;
- }
-
- .p-splitter-vertical {
- flex-direction: column;
- }
-
- .p-splitter-gutter {
- flex-grow: 0;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: col-resize;
- }
-
- .p-splitter-horizontal.p-splitter-resizing {
- cursor: col-resize;
- user-select: none;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {
- height: 24px;
- width: 100%;
- }
-
- .p-splitter-horizontal > .p-splitter-gutter {
- cursor: col-resize;
- }
-
- .p-splitter-vertical.p-splitter-resizing {
- cursor: row-resize;
- user-select: none;
- }
-
- .p-splitter-vertical > .p-splitter-gutter {
- cursor: row-resize;
- }
-
- .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {
- width: 24px;
- height: 100%;
- }
-
- .p-splitter-panel {
- flex-grow: 1;
- overflow: hidden;
- }
-
- .p-splitter-panel-nested {
- display: flex;
- }
-
- .p-splitter-panel .p-splitter {
- flex-grow: 1;
- border: 0 none;
- }
-
- .p-splitter {
- border: 1px solid #424b57;
- background: #1f2937;
- border-radius: 6px;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-splitter .p-splitter-gutter {
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
- background: #424b57;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-splitter .p-splitter-gutter-resizing {
- background: #424b57;
- }
-
- .p-stepper .p-stepper-nav {
- position: relative;
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0;
- padding: 0;
- list-style-type: none;
- overflow-x: auto;
- }
-
- .p-stepper-vertical .p-stepper-nav {
- flex-direction: column;
- }
-
- .p-stepper-header {
- position: relative;
- display: flex;
- flex: 1 1 auto;
- align-items: center;
- }
- .p-stepper-header:last-of-type {
- flex: initial;
- }
-
- .p-stepper-header .p-stepper-action {
- border: 0 none;
- display: inline-flex;
- align-items: center;
- text-decoration: none;
- cursor: pointer;
- }
- .p-stepper-header .p-stepper-action:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
-
- .p-stepper.p-stepper-readonly .p-stepper-header {
- cursor: auto;
- }
-
- .p-stepper-header.p-highlight .p-stepper-action {
- cursor: default;
- }
-
- .p-stepper-title {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-stepper-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-stepper-separator {
- flex: 1 1 0;
- }
-
- .p-stepper .p-stepper-nav {
- display: flex;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- .p-stepper .p-stepper-header {
- padding: 0.5rem;
- }
- .p-stepper .p-stepper-header .p-stepper-action {
- transition: box-shadow 0.2s;
- border-radius: 6px;
- background: transparent;
- outline-color: transparent;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- border-width: 2px;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
- margin-left: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- font-weight: 700;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
- background-color: #60a5fa;
- }
- .p-stepper .p-stepper-panels {
- background: #1f2937;
- padding: 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper .p-stepper-separator {
- background-color: #424b57;
- width: 100%;
- height: 2px;
- margin-inline-start: 1rem;
- transition: box-shadow 0.2s;
- }
- .p-stepper.p-stepper-vertical {
- display: flex;
- flex-direction: column;
- }
- .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
- display: flex;
- flex: 1 1 auto;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel {
- display: flex;
- flex-direction: column;
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
- flex: 1 1 auto;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
- flex: initial;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
- width: 100%;
- padding-left: 1rem;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
- flex: 0 0 auto;
- width: 2px;
- height: auto;
- margin-inline-start: calc(1.75rem + 2px);
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
- background-color: #60a5fa;
- }
- .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
- padding-left: 3rem;
- }
-
- .p-tabview-nav-container {
- position: relative;
- }
-
- .p-tabview-scrollable .p-tabview-nav-container {
- overflow: hidden;
- }
-
- .p-tabview-nav-content {
- overflow-x: auto;
- overflow-y: hidden;
- scroll-behavior: smooth;
- scrollbar-width: none;
- overscroll-behavior: contain auto;
- }
-
- .p-tabview-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex: 1 1 auto;
- }
-
- .p-tabview-header-action {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabview-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabview-header-action:focus {
- z-index: 1;
- }
-
- .p-tabview-title {
- line-height: 1;
- white-space: nowrap;
- }
-
- .p-tabview-nav-btn {
- position: absolute;
- top: 0;
- z-index: 2;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tabview-nav-prev {
- left: 0;
- }
-
- .p-tabview-nav-next {
- right: 0;
- }
-
- .p-tabview-nav-content::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabview .p-tabview-nav {
- background: transparent;
- border: 1px solid #424b57;
- border-width: 0 0 2px 0;
- }
- .p-tabview .p-tabview-nav li {
- margin-right: 0;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- border: solid #424b57;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #424b57 transparent;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.6);
- padding: 1.25rem;
- font-weight: 700;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
- background: #1f2937;
- border-color: #60a5fa;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
- background: #1f2937;
- border-color: #60a5fa;
- color: #60a5fa;
- }
- .p-tabview .p-tabview-nav-btn.p-link {
- background: #1f2937;
- color: #60a5fa;
- width: 3rem;
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
- border-radius: 0;
- outline-color: transparent;
- }
- .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-tabview .p-tabview-panels {
- background: #1f2937;
- padding: 1.25rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-toolbar {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- }
-
- .p-toolbar-group-start,
-.p-toolbar-group-center,
-.p-toolbar-group-end {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar-group-left,
-.p-toolbar-group-right {
- display: flex;
- align-items: center;
- }
-
- .p-toolbar {
- background: #1f2937;
- border: 1px solid #424b57;
- padding: 1.25rem;
- border-radius: 6px;
- gap: 0.5rem;
- }
- .p-toolbar .p-toolbar-separator {
- margin: 0 0.5rem;
- }
-
- .p-confirm-popup {
- position: absolute;
- margin-top: 10px;
- top: 0;
- left: 0;
- }
-
- .p-confirm-popup-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- /* Animation */
- .p-confirm-popup-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-confirm-popup-leave-to {
- opacity: 0;
- }
-
- .p-confirm-popup-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-confirm-popup-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-confirm-popup:after,
-.p-confirm-popup:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-confirm-popup:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-confirm-popup:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-confirm-popup-flipped:after,
-.p-confirm-popup-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-confirm-popup .p-confirm-popup-content {
- display: flex;
- align-items: center;
- }
-
- .p-confirm-popup {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
- }
- .p-confirm-popup .p-confirm-popup-content {
- padding: 1.25rem;
- }
- .p-confirm-popup .p-confirm-popup-footer {
- text-align: right;
- padding: 0 1.25rem 1.25rem 1.25rem;
- }
- .p-confirm-popup .p-confirm-popup-footer button {
- margin: 0 0.5rem 0 0;
- width: auto;
- }
- .p-confirm-popup .p-confirm-popup-footer button:last-child {
- margin: 0;
- }
- .p-confirm-popup:after {
- border-style: solid;
- border-color: rgba(31, 41, 55, 0);
- border-bottom-color: #1f2937;
- }
- .p-confirm-popup:before {
- border-style: solid;
- border-color: rgba(66, 75, 87, 0);
- border-bottom-color: #3f4753;
- }
- .p-confirm-popup.p-confirm-popup-flipped:after {
- border-top-color: #1f2937;
- }
- .p-confirm-popup.p-confirm-popup-flipped:before {
- border-top-color: #424b57;
- }
- .p-confirm-popup .p-confirm-popup-icon {
- font-size: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
- .p-confirm-popup .p-confirm-popup-message {
- margin-left: 1rem;
- }
-
- .p-dialog-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-dialog {
- max-height: 90%;
- transform: scale(1);
- }
-
- .p-dialog-content {
- overflow-y: auto;
- }
-
- .p-dialog-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-dialog-footer {
- flex-shrink: 0;
- }
-
- .p-dialog .p-dialog-header-icons {
- display: flex;
- align-items: center;
- }
-
- .p-dialog .p-dialog-header-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Fluid */
- .p-fluid .p-dialog-footer .p-button {
- width: auto;
- }
-
- /* Animation */
- /* Center */
- .p-dialog-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-dialog-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-dialog-enter-from,
-.p-dialog-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- /* Top, Bottom, Left, Right, Top* and Bottom* */
- .p-dialog-top .p-dialog,
-.p-dialog-bottom .p-dialog,
-.p-dialog-left .p-dialog,
-.p-dialog-right .p-dialog,
-.p-dialog-topleft .p-dialog,
-.p-dialog-topright .p-dialog,
-.p-dialog-bottomleft .p-dialog,
-.p-dialog-bottomright .p-dialog {
- margin: 0.75rem;
- transform: translate3d(0px, 0px, 0px);
- }
-
- .p-dialog-top .p-dialog-enter-active,
-.p-dialog-top .p-dialog-leave-active,
-.p-dialog-bottom .p-dialog-enter-active,
-.p-dialog-bottom .p-dialog-leave-active,
-.p-dialog-left .p-dialog-enter-active,
-.p-dialog-left .p-dialog-leave-active,
-.p-dialog-right .p-dialog-enter-active,
-.p-dialog-right .p-dialog-leave-active,
-.p-dialog-topleft .p-dialog-enter-active,
-.p-dialog-topleft .p-dialog-leave-active,
-.p-dialog-topright .p-dialog-enter-active,
-.p-dialog-topright .p-dialog-leave-active,
-.p-dialog-bottomleft .p-dialog-enter-active,
-.p-dialog-bottomleft .p-dialog-leave-active,
-.p-dialog-bottomright .p-dialog-enter-active,
-.p-dialog-bottomright .p-dialog-leave-active {
- transition: all 0.3s ease-out;
- }
-
- .p-dialog-top .p-dialog-enter-from,
-.p-dialog-top .p-dialog-leave-to {
- transform: translate3d(0px, -100%, 0px);
- }
-
- .p-dialog-bottom .p-dialog-enter-from,
-.p-dialog-bottom .p-dialog-leave-to {
- transform: translate3d(0px, 100%, 0px);
- }
-
- .p-dialog-left .p-dialog-enter-from,
-.p-dialog-left .p-dialog-leave-to,
-.p-dialog-topleft .p-dialog-enter-from,
-.p-dialog-topleft .p-dialog-leave-to,
-.p-dialog-bottomleft .p-dialog-enter-from,
-.p-dialog-bottomleft .p-dialog-leave-to {
- transform: translate3d(-100%, 0px, 0px);
- }
-
- .p-dialog-right .p-dialog-enter-from,
-.p-dialog-right .p-dialog-leave-to,
-.p-dialog-topright .p-dialog-enter-from,
-.p-dialog-topright .p-dialog-leave-to,
-.p-dialog-bottomright .p-dialog-enter-from,
-.p-dialog-bottomright .p-dialog-leave-to {
- transform: translate3d(100%, 0px, 0px);
- }
-
- /* Maximize */
- .p-dialog-maximized {
- width: 100vw !important;
- height: 100vh !important;
- top: 0px !important;
- left: 0px !important;
- max-height: 100%;
- height: 100%;
- }
-
- .p-dialog-maximized .p-dialog-content {
- flex-grow: 1;
- }
-
- .p-confirm-dialog .p-dialog-content {
- display: flex;
- align-items: center;
- }
-
- .p-dialog {
- border-radius: 6px;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
- border: 1px solid #424b57;
- }
- .p-dialog .p-dialog-header {
- border-bottom: 0 none;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- padding: 1.5rem;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dialog .p-dialog-header .p-dialog-title {
- font-weight: 700;
- font-size: 1.25rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- margin-right: 0.5rem;
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
- margin-right: 0;
- }
- .p-dialog .p-dialog-content {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 2rem 1.5rem;
- }
- .p-dialog .p-dialog-content:last-of-type {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog .p-dialog-footer {
- border-top: 0 none;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- padding: 0 1.5rem 1.5rem 1.5rem;
- display: flex;
- justify-content: flex-end;
- gap: 0.5rem;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
- font-size: 2rem;
- }
- .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
- margin-left: 1rem;
- }
-
- .p-overlaypanel {
- margin-top: 10px;
- }
-
- .p-overlaypanel-flipped {
- margin-top: -10px;
- margin-bottom: 10px;
- }
-
- .p-overlaypanel-close {
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Animation */
- .p-overlaypanel-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-overlaypanel-leave-to {
- opacity: 0;
- }
-
- .p-overlaypanel-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-overlaypanel-leave-active {
- transition: opacity 0.1s linear;
- }
-
- .p-overlaypanel:after,
-.p-overlaypanel:before {
- bottom: 100%;
- left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- }
-
- .p-overlaypanel:after {
- border-width: 8px;
- margin-left: -8px;
- }
-
- .p-overlaypanel:before {
- border-width: 10px;
- margin-left: -10px;
- }
-
- .p-overlaypanel-flipped:after,
-.p-overlaypanel-flipped:before {
- bottom: auto;
- top: 100%;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-bottom-color: transparent;
- }
-
- .p-overlaypanel {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
- }
- .p-overlaypanel .p-overlaypanel-content {
- padding: 1.25rem;
- }
- .p-overlaypanel .p-overlaypanel-close {
- background: #60a5fa;
- color: #030712;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- position: absolute;
- top: -1rem;
- right: -1rem;
- }
- .p-overlaypanel .p-overlaypanel-close:enabled:hover {
- background: #93c5fd;
- color: #030712;
- }
- .p-overlaypanel:after {
- border-style: solid;
- border-color: rgba(31, 41, 55, 0);
- border-bottom-color: #1f2937;
- }
- .p-overlaypanel:before {
- border-style: solid;
- border-color: rgba(66, 75, 87, 0);
- border-bottom-color: #3f4753;
- }
- .p-overlaypanel.p-overlaypanel-flipped:after {
- border-top-color: #1f2937;
- }
- .p-overlaypanel.p-overlaypanel-flipped:before {
- border-top-color: #424b57;
- }
-
- .p-sidebar-mask {
- display: none;
- pointer-events: none;
- background-color: transparent;
- transition-property: background-color;
- }
-
- .p-sidebar-mask.p-component-overlay {
- pointer-events: auto;
- }
-
- .p-sidebar-visible {
- display: flex;
- }
-
- .p-sidebar {
- display: flex;
- flex-direction: column;
- pointer-events: auto;
- transform: translate3d(0px, 0px, 0px);
- position: relative;
- transition: transform 0.3s;
- }
-
- .p-sidebar-content {
- overflow-y: auto;
- flex-grow: 1;
- }
-
- .p-sidebar-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-shrink: 0;
- }
-
- .p-sidebar-icon {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-sidebar-full .p-sidebar {
- transition: none;
- transform: none;
- width: 100vw !important;
- height: 100vh !important;
- max-height: 100%;
- top: 0px !important;
- left: 0px !important;
- }
-
- /* Animation */
- /* Center */
- .p-sidebar-left .p-sidebar-enter-from,
-.p-sidebar-left .p-sidebar-leave-to {
- transform: translateX(-100%);
- }
-
- .p-sidebar-right .p-sidebar-enter-from,
-.p-sidebar-right .p-sidebar-leave-to {
- transform: translateX(100%);
- }
-
- .p-sidebar-top .p-sidebar-enter-from,
-.p-sidebar-top .p-sidebar-leave-to {
- transform: translateY(-100%);
- }
-
- .p-sidebar-bottom .p-sidebar-enter-from,
-.p-sidebar-bottom .p-sidebar-leave-to {
- transform: translateY(100%);
- }
-
- .p-sidebar-full .p-sidebar-enter-from,
-.p-sidebar-full .p-sidebar-leave-to {
- opacity: 0;
- }
-
- .p-sidebar-full .p-sidebar-enter-active,
-.p-sidebar-full .p-sidebar-leave-active {
- transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
- }
-
- /* Size */
- .p-sidebar-left .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-right .p-sidebar {
- width: 20rem;
- height: 100%;
- }
-
- .p-sidebar-top .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-bottom .p-sidebar {
- height: 10rem;
- width: 100%;
- }
-
- .p-sidebar-left .p-sidebar-sm,
-.p-sidebar-right .p-sidebar-sm {
- width: 20rem;
- }
-
- .p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-md {
- width: 40rem;
- }
-
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-lg {
- width: 60rem;
- }
-
- .p-sidebar-top .p-sidebar-sm,
-.p-sidebar-bottom .p-sidebar-sm {
- height: 10rem;
- }
-
- .p-sidebar-top .p-sidebar-md,
-.p-sidebar-bottom .p-sidebar-md {
- height: 20rem;
- }
-
- .p-sidebar-top .p-sidebar-lg,
-.p-sidebar-bottom .p-sidebar-lg {
- height: 30rem;
- }
-
- .p-sidebar-left .p-sidebar-content,
-.p-sidebar-right .p-sidebar-content,
-.p-sidebar-top .p-sidebar-content,
-.p-sidebar-bottom .p-sidebar-content {
- width: 100%;
- height: 100%;
- }
-
- @media screen and (max-width: 64em) {
- .p-sidebar-left .p-sidebar-lg,
-.p-sidebar-left .p-sidebar-md,
-.p-sidebar-right .p-sidebar-lg,
-.p-sidebar-right .p-sidebar-md {
- width: 20rem;
- }
- }
- .p-sidebar {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
- }
- .p-sidebar .p-sidebar-header {
- padding: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-header-content {
- font-weight: 700;
- font-size: 1.25rem;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close,
-.p-sidebar .p-sidebar-header .p-sidebar-icon {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
-.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-sidebar .p-sidebar-header + .p-sidebar-content {
- padding-top: 0;
- }
- .p-sidebar .p-sidebar-content {
- padding: 1.25rem;
- }
-
- .p-tooltip {
- position: absolute;
- display: none;
- padding: 0.25em 0.5rem;
- max-width: 12.5rem;
- }
-
- .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
- padding: 0 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
- padding: 0.25em 0;
- }
-
- .p-tooltip .p-tooltip-text {
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-tooltip-arrow {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- scale: 2;
- }
-
- .p-tooltip-right .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0.25em 0.25em 0;
- }
-
- .p-tooltip-left .p-tooltip-arrow {
- margin-top: -0.25rem;
- border-width: 0.25em 0 0.25em 0.25rem;
- }
-
- .p-tooltip.p-tooltip-top {
- padding: 0.25em 0;
- }
-
- .p-tooltip-top .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0.25em 0.25em 0;
- }
-
- .p-tooltip-bottom .p-tooltip-arrow {
- margin-left: -0.25rem;
- border-width: 0 0.25em 0.25rem;
- }
-
- .p-tooltip .p-tooltip-text {
- background: #424b57;
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 0.75rem;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 6px;
- }
- .p-tooltip.p-tooltip-right .p-tooltip-arrow {
- border-right-color: #424b57;
- }
- .p-tooltip.p-tooltip-left .p-tooltip-arrow {
- border-left-color: #424b57;
- }
- .p-tooltip.p-tooltip-top .p-tooltip-arrow {
- border-top-color: #424b57;
- }
- .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
- border-bottom-color: #424b57;
- }
-
- .p-fileupload-content {
- position: relative;
- }
-
- .p-fileupload-content .p-progressbar {
- width: 100%;
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-button.p-fileupload-choose {
- position: relative;
- overflow: hidden;
- }
-
- .p-fileupload-buttonbar {
- display: flex;
- flex-wrap: wrap;
- }
-
- .p-fileupload > input[type=file],
-.p-fileupload-basic input[type=file] {
- display: none;
- }
-
- .p-fluid .p-fileupload .p-button {
- width: auto;
- }
-
- .p-fileupload-file {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .p-fileupload-file-thumbnail {
- flex-shrink: 0;
- }
-
- .p-fileupload-file-actions {
- margin-left: auto;
- }
-
- .p-fileupload .p-fileupload-buttonbar {
- background: #1f2937;
- padding: 1.25rem;
- border: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- border-bottom: 0 none;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- gap: 0.5rem;
- }
- .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-fileupload .p-fileupload-content {
- background: #1f2937;
- padding: 2rem 1rem;
- border: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-fileupload .p-fileupload-content.p-fileupload-highlight {
- border: 1px dashed #60a5fa;
- background-color: rgba(96, 165, 250, 0.16);
- }
- .p-fileupload .p-fileupload-file {
- padding: 1rem;
- border: 1px solid #424b57;
- border-radius: 6px;
- gap: 0.5rem;
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file:last-child {
- margin-bottom: 0;
- }
- .p-fileupload .p-fileupload-file-name {
- margin-bottom: 0.5rem;
- }
- .p-fileupload .p-fileupload-file-size {
- margin-right: 0.5rem;
- }
- .p-fileupload .p-progressbar {
- height: 0.25rem;
- }
- .p-fileupload .p-fileupload-row > div {
- padding: 1rem 1rem;
- }
- .p-fileupload.p-fileupload-advanced .p-message {
- margin-top: 0;
- }
-
- .p-fileupload-choose:not(.p-disabled):hover {
- background: #93c5fd;
- color: #030712;
- border-color: #93c5fd;
- }
- .p-fileupload-choose:not(.p-disabled):active {
- background: #bfdbfe;
- color: #030712;
- border-color: #bfdbfe;
- }
-
- .p-breadcrumb {
- overflow-x: auto;
- }
-
- .p-breadcrumb .p-breadcrumb-list {
- margin: 0;
- padding: 0;
- list-style-type: none;
- display: flex;
- align-items: center;
- flex-wrap: nowrap;
- }
-
- .p-breadcrumb .p-menuitem-text {
- line-height: 1;
- }
-
- .p-breadcrumb .p-menuitem-link {
- text-decoration: none;
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb .p-menuitem-separator {
- display: flex;
- align-items: center;
- }
-
- .p-breadcrumb::-webkit-scrollbar {
- display: none;
- }
-
- .p-breadcrumb {
- background: #374151;
- border: 1px solid #424b57;
- border-radius: 6px;
- padding: 1rem;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
- transition: box-shadow 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
- margin: 0 0.5rem 0 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-contextmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-contextmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- }
-
- .p-contextmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-contextmenu .p-menuitem {
- position: relative;
- }
-
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-contextmenu-enter-from,
-.p-contextmenu-leave-active {
- opacity: 0;
- }
-
- .p-contextmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-contextmenu {
- padding: 0.25rem 0;
- background: #374151;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-contextmenu .p-contextmenu-root-list {
- outline: 0 none;
- }
- .p-contextmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #374151;
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 6px;
- }
- .p-contextmenu .p-menuitem {
- margin: 0;
- }
- .p-contextmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-contextmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1.25rem;
- user-select: none;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-contextmenu .p-menuitem-separator {
- border-top: 1px solid #424b57;
- margin: 0.25rem 0;
- }
- .p-contextmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-contextmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-dock {
- position: absolute;
- z-index: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- pointer-events: none;
- }
-
- .p-dock-list-container {
- display: flex;
- pointer-events: auto;
- }
-
- .p-dock-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-dock-item {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- will-change: transform;
- }
-
- .p-dock-link {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- cursor: default;
- }
-
- .p-dock-item-second-prev,
-.p-dock-item-second-next {
- transform: scale(1.2);
- }
-
- .p-dock-item-prev,
-.p-dock-item-next {
- transform: scale(1.4);
- }
-
- .p-dock-item-current {
- transform: scale(1.6);
- z-index: 1;
- }
-
- /* Position */
- /* top */
- .p-dock-top {
- left: 0;
- top: 0;
- width: 100%;
- }
-
- .p-dock-top .p-dock-item {
- transform-origin: center top;
- }
-
- /* bottom */
- .p-dock-bottom {
- left: 0;
- bottom: 0;
- width: 100%;
- }
-
- .p-dock-bottom .p-dock-item {
- transform-origin: center bottom;
- }
-
- /* right */
- .p-dock-right {
- right: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-right .p-dock-item {
- transform-origin: center right;
- }
-
- .p-dock-right .p-dock-list {
- flex-direction: column;
- }
-
- /* left */
- .p-dock-left {
- left: 0;
- top: 0;
- height: 100%;
- }
-
- .p-dock-left .p-dock-item {
- transform-origin: center left;
- }
-
- .p-dock-left .p-dock-list {
- flex-direction: column;
- }
-
- .p-dock .p-dock-list-container {
- background: rgba(255, 255, 255, 0.1);
- border: 1px solid rgba(255, 255, 255, 0.2);
- padding: 0.5rem 0.5rem;
- border-radius: 0.5rem;
- }
- .p-dock .p-dock-list-container .p-dock-list {
- outline: 0 none;
- }
- .p-dock .p-dock-item {
- padding: 0.5rem;
- border-radius: 6px;
- }
- .p-dock .p-dock-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2);
- }
- .p-dock .p-dock-link {
- width: 4rem;
- height: 4rem;
- }
- .p-dock.p-dock-top .p-dock-item-second-prev,
-.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
-.p-dock.p-dock-bottom .p-dock-item-second-next {
- margin: 0 0.9rem;
- }
- .p-dock.p-dock-top .p-dock-item-prev,
-.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
-.p-dock.p-dock-bottom .p-dock-item-next {
- margin: 0 1.3rem;
- }
- .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
- margin: 0 1.5rem;
- }
- .p-dock.p-dock-left .p-dock-item-second-prev,
-.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
-.p-dock.p-dock-right .p-dock-item-second-next {
- margin: 0.9rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-prev,
-.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
-.p-dock.p-dock-right .p-dock-item-next {
- margin: 1.3rem 0;
- }
- .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
- margin: 1.5rem 0;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
- overflow-x: auto;
- width: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
- margin: 0 auto;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
- overflow-y: auto;
- height: 100%;
- }
- .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
- margin: auto 0;
- }
- .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
- transform: none;
- margin: 0;
- }
-
- .p-megamenu {
- display: flex;
- position: relative;
- }
-
- .p-megamenu-root-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-megamenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-megamenu-panel {
- display: none;
- width: auto;
- z-index: 1;
- left: 0;
- min-width: 100%;
- }
-
- .p-megamenu-panel:not(.p-megamenu-mobile) {
- position: absolute;
- }
-
- .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- display: block;
- }
-
- .p-megamenu-submenu {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-megamenu-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- /* Horizontal */
- .p-megamenu-horizontal {
- align-items: center;
- }
-
- .p-megamenu-horizontal .p-megamenu-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-megamenu-horizontal .p-megamenu-end {
- margin-left: auto;
- align-self: center;
- }
-
- /* Vertical */
- .p-megamenu-vertical {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) {
- display: inline-flex;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list {
- flex-direction: column;
- }
-
- .p-megamenu-vertical:not(.p-megamenu-mobile) .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {
- left: 100%;
- top: 0;
- }
-
- .p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-megamenu-grid {
- display: flex;
- }
-
- .p-megamenu-col-2,
-.p-megamenu-col-3,
-.p-megamenu-col-4,
-.p-megamenu-col-6,
-.p-megamenu-col-12 {
- flex: 0 0 auto;
- padding: 0.5rem;
- }
-
- .p-megamenu-col-2 {
- width: 16.6667%;
- }
-
- .p-megamenu-col-3 {
- width: 25%;
- }
-
- .p-megamenu-col-4 {
- width: 33.3333%;
- }
-
- .p-megamenu-col-6 {
- width: 50%;
- }
-
- .p-megamenu-col-12 {
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- display: flex;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-megamenu.p-megamenu-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-megamenu.p-megamenu-mobile .p-megamenu-grid {
- flex-wrap: wrap;
- overflow: auto;
- max-height: 90%;
- }
-
- .p-megamenu {
- padding: 0.5rem;
- background: #374151;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- }
- .p-megamenu .p-megamenu-root-list {
- outline: 0 none;
- }
- .p-megamenu .p-menuitem {
- margin: 0;
- }
- .p-megamenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-megamenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1.25rem;
- user-select: none;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu .p-megamenu-panel {
- background: #374151;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 6px;
- }
- .p-megamenu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: #374151;
- font-weight: 700;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-megamenu .p-submenu-list {
- padding: 0.25rem 0;
- min-width: 12.5rem;
- }
- .p-megamenu .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #424b57;
- margin: 0.25rem 0;
- }
- .p-megamenu.p-megamenu-vertical {
- min-width: 12.5rem;
- padding: 0.25rem 0;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- user-select: none;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-megamenu.p-megamenu-mobile.p-megamenu-vertical {
- width: 100%;
- padding: 0.5rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list {
- padding: 0.25rem 0;
- background: #374151;
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator {
- border-top: 1px solid #424b57;
- margin: 0.25rem 0;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.25rem;
- }
-
- .p-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menu {
- padding: 0.25rem 0;
- background: #374151;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-menu .p-menuitem {
- margin: 0;
- }
- .p-menu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1.25rem;
- user-select: none;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menu.p-menu-overlay {
- background: #374151;
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-menu .p-submenu-header {
- margin: 0;
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: #374151;
- font-weight: 700;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- }
- .p-menu .p-menuitem-separator {
- border-top: 1px solid #424b57;
- margin: 0.25rem 0;
- }
-
- .p-menubar {
- display: flex;
- align-items: center;
- }
-
- .p-menubar ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-menubar .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-menubar .p-menuitem-text {
- line-height: 1;
- }
-
- .p-menubar .p-menuitem {
- position: relative;
- }
-
- .p-menubar-root-list {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-menubar-root-list > li ul {
- display: none;
- z-index: 1;
- }
-
- .p-menubar-root-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- }
-
- .p-menubar .p-submenu-list {
- display: none;
- position: absolute;
- z-index: 1;
- }
-
- .p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-menubar .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-menubar .p-menubar-end {
- margin-left: auto;
- align-self: center;
- }
-
- .p-menubar-button {
- display: none;
- cursor: pointer;
- align-items: center;
- justify-content: center;
- text-decoration: none;
- }
-
- .p-menubar.p-menubar-mobile {
- position: relative;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-button {
- display: flex;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- position: absolute;
- display: none;
- width: 100%;
- }
-
- .p-menubar.p-menubar-mobile .p-submenu-list {
- width: 100%;
- position: static;
- box-shadow: none;
- border: 0 none;
- }
-
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem {
- width: 100%;
- position: static;
- }
-
- .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
- display: flex;
- flex-direction: column;
- top: 100%;
- left: 0;
- z-index: 1;
- }
-
- .p-menubar {
- padding: 0.5rem;
- background: #374151;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list {
- outline: 0 none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
- padding: 0.75rem 1.25rem;
- user-select: none;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-left: 0.5rem;
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem {
- margin: 0;
- }
- .p-menubar .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-menubar .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1.25rem;
- user-select: none;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-menubar .p-submenu-list {
- padding: 0.25rem 0;
- background: #374151;
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- min-width: 12.5rem;
- border-radius: 6px;
- }
- .p-menubar .p-submenu-list .p-menuitem-separator {
- border-top: 1px solid #424b57;
- margin: 0.25rem 0;
- }
- .p-menubar .p-submenu-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-menubar.p-menubar-mobile .p-menubar-button:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list {
- padding: 0.25rem 0;
- background: #374151;
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
- border-top: 1px solid #424b57;
- margin: 0.25rem 0;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- transition: transform 0.2s;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-180deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
- transition: transform 0.2s;
- transform: rotate(90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
- transform: rotate(-90deg);
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 2.25rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 3.75rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 5.25rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 6.75rem;
- }
- .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
- padding-left: 8.25rem;
- }
-
- .p-panelmenu .p-panelmenu-header-action {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- position: relative;
- text-decoration: none;
- }
-
- .p-panelmenu .p-panelmenu-header-action:focus {
- z-index: 1;
- }
-
- .p-panelmenu .p-submenu-list {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-panelmenu .p-menuitem-link {
- display: flex;
- align-items: center;
- user-select: none;
- cursor: pointer;
- text-decoration: none;
- position: relative;
- overflow: hidden;
- }
-
- .p-panelmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-panelmenu .p-panelmenu-header {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
- border: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- border-radius: 6px;
- transition: box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
- color: rgba(255, 255, 255, 0.87);
- padding: 1.25rem;
- font-weight: 700;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
- background: rgba(255, 255, 255, 0.03);
- border-color: #424b57;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
- background: #1f2937;
- border-color: #424b57;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
- border-color: #424b57;
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content {
- padding: 0.25rem 0;
- border: 1px solid #424b57;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border-top: 0;
- border-top-right-radius: 0;
- border-top-left-radius: 0;
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
- outline: 0 none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem {
- margin: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1.25rem;
- user-select: none;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- margin-right: 0.5rem;
- }
- .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
- border-top: 1px solid #424b57;
- margin: 0.25rem 0;
- }
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
- padding: 0 0 0 1rem;
- }
- .p-panelmenu .p-panelmenu-panel {
- margin-bottom: 4px;
- }
-
- .p-steps {
- position: relative;
- }
-
- .p-steps .p-steps-list {
- padding: 0;
- margin: 0;
- list-style-type: none;
- display: flex;
- }
-
- .p-steps-item {
- position: relative;
- display: flex;
- justify-content: center;
- flex: 1 1 auto;
- overflow: hidden;
- }
-
- .p-steps-item .p-menuitem-link {
- display: inline-flex;
- flex-direction: column;
- align-items: center;
- overflow: hidden;
- text-decoration: none;
- cursor: pointer;
- }
-
- .p-steps.p-steps-readonly .p-steps-item {
- cursor: auto;
- }
-
- .p-steps-item.p-steps-current .p-menuitem-link {
- cursor: default;
- }
-
- .p-steps-title {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
- }
-
- .p-steps-number {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-steps-title {
- display: block;
- }
-
- .p-steps .p-steps-item .p-menuitem-link {
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 6px;
- background: transparent;
- outline-color: transparent;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
- color: rgba(255, 255, 255, 0.87);
- border: 0 none;
- background: transparent;
- min-width: 2rem;
- height: 2rem;
- line-height: 2rem;
- font-size: 1.143rem;
- z-index: 1;
- border-radius: 50%;
- }
- .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
- margin-top: 0.5rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-steps .p-steps-item.p-highlight .p-steps-title {
- font-weight: 700;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-steps .p-steps-item:before {
- content: " ";
- border-top: 1px solid #424b57;
- width: 100%;
- top: 50%;
- left: 0;
- display: block;
- position: absolute;
- margin-top: -1rem;
- }
-
- .p-tabmenu {
- overflow-x: auto;
- }
-
- .p-tabmenu-nav {
- display: flex;
- margin: 0;
- padding: 0;
- list-style-type: none;
- flex-wrap: nowrap;
- }
-
- .p-tabmenu-nav a {
- cursor: pointer;
- user-select: none;
- display: flex;
- align-items: center;
- position: relative;
- text-decoration: none;
- text-decoration: none;
- overflow: hidden;
- }
-
- .p-tabmenu-nav a:focus {
- z-index: 1;
- }
-
- .p-tabmenu-nav .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tabmenu-ink-bar {
- display: none;
- z-index: 1;
- }
-
- .p-tabmenu::-webkit-scrollbar {
- display: none;
- }
-
- .p-tabmenu .p-tabmenu-nav {
- background: transparent;
- border: 1px solid #424b57;
- border-width: 0 0 2px 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
- margin-right: 0;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- border: solid #424b57;
- border-width: 0 0 2px 0;
- border-color: transparent transparent #424b57 transparent;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.6);
- padding: 1.25rem;
- font-weight: 700;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- transition: box-shadow 0.2s;
- margin: 0 0 -2px 0;
- outline-color: transparent;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
- margin-right: 0.5rem;
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
- background: #1f2937;
- border-color: #60a5fa;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
- background: #1f2937;
- border-color: #60a5fa;
- color: #60a5fa;
- }
-
- .p-tieredmenu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- .p-tieredmenu .p-submenu-list {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-tieredmenu .p-menuitem-link {
- cursor: pointer;
- display: flex;
- align-items: center;
- text-decoration: none;
- overflow: hidden;
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-text {
- line-height: 1;
- }
-
- .p-tieredmenu .p-menuitem {
- position: relative;
- }
-
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
- margin-left: auto;
- }
-
- .p-tieredmenu .p-menuitem-active > .p-submenu-list {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-tieredmenu-enter-from,
-.p-tieredmenu-leave-active {
- opacity: 0;
- }
-
- .p-tieredmenu-enter-active {
- transition: opacity 250ms;
- }
-
- .p-tieredmenu {
- padding: 0.25rem 0;
- background: #374151;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- min-width: 12.5rem;
- }
- .p-tieredmenu.p-tieredmenu-overlay {
- background: #374151;
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-tieredmenu .p-tieredmenu-root-list {
- outline: 0 none;
- }
- .p-tieredmenu .p-submenu-list {
- padding: 0.25rem 0;
- background: #374151;
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 6px;
- }
- .p-tieredmenu .p-menuitem {
- margin: 0;
- }
- .p-tieredmenu .p-menuitem:first-child {
- margin-top: 0;
- }
- .p-tieredmenu .p-menuitem:last-child {
- margin-bottom: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
- color: rgba(255, 255, 255, 0.87);
- padding: 0.75rem 1.25rem;
- user-select: none;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
- color: rgba(255, 255, 255, 0.6);
- margin-right: 0.5rem;
- }
- .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(96, 165, 250, 0.16);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
- background: rgba(96, 165, 250, 0.24);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
- color: rgba(255, 255, 255, 0.87);
- }
- .p-tieredmenu .p-menuitem-separator {
- border-top: 1px solid #424b57;
- margin: 0.25rem 0;
- }
- .p-tieredmenu .p-submenu-icon {
- font-size: 0.875rem;
- }
- .p-tieredmenu .p-submenu-icon.p-icon {
- width: 0.875rem;
- height: 0.875rem;
- }
-
- .p-inline-message {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- vertical-align: top;
- }
-
- .p-inline-message-icon {
- flex-shrink: 0;
- }
-
- .p-inline-message-icon-only .p-inline-message-text {
- visibility: hidden;
- width: 0;
- }
-
- .p-fluid .p-inline-message {
- display: flex;
- }
-
- .p-inline-message {
- padding: 0.75rem 0.75rem;
- margin: 0;
- border-radius: 6px;
- }
- .p-inline-message.p-inline-message-info {
- background: rgba(59, 130, 246, 0.2);
- border: solid #3b82f6;
- border-width: 1px;
- color: #93c5fd;
- }
- .p-inline-message.p-inline-message-info .p-inline-message-icon {
- color: #93c5fd;
- }
- .p-inline-message.p-inline-message-success {
- background: rgba(16, 185, 129, 0.2);
- border: solid #10b981;
- border-width: 1px;
- color: #6ee7b7;
- }
- .p-inline-message.p-inline-message-success .p-inline-message-icon {
- color: #6ee7b7;
- }
- .p-inline-message.p-inline-message-warn {
- background: rgba(234, 179, 8, 0.2);
- border: solid #eab308;
- border-width: 1px;
- color: #fde047;
- }
- .p-inline-message.p-inline-message-warn .p-inline-message-icon {
- color: #fde047;
- }
- .p-inline-message.p-inline-message-error {
- background: rgba(239, 68, 68, 0.2);
- border: solid #ef4444;
- border-width: 1px;
- color: #fca5a5;
- }
- .p-inline-message.p-inline-message-error .p-inline-message-icon {
- color: #fca5a5;
- }
- .p-inline-message.p-inline-message-secondary {
- background: #94a3b8;
- border: solid #94a3b8;
- border-width: 1px;
- color: #020617;
- }
- .p-inline-message.p-inline-message-secondary .p-inline-message-icon {
- color: #020617;
- }
- .p-inline-message.p-inline-message-contrast {
- background: #ffffff;
- border: solid #ffffff;
- border-width: 1px;
- color: #111827;
- }
- .p-inline-message.p-inline-message-contrast .p-inline-message-icon {
- color: #111827;
- }
- .p-inline-message .p-inline-message-icon {
- font-size: 1rem;
- margin-right: 0.5rem;
- }
- .p-inline-message .p-inline-message-text {
- font-size: 1rem;
- }
- .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
- margin-right: 0;
- }
-
- .p-message-wrapper {
- display: flex;
- align-items: center;
- }
-
- .p-message-icon {
- flex-shrink: 0;
- }
-
- .p-message-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-message-close.p-link {
- margin-left: auto;
- overflow: hidden;
- position: relative;
- }
-
- .p-message-enter-from {
- opacity: 0;
- }
-
- .p-message-enter-active {
- transition: opacity 0.3s;
- }
-
- .p-message.p-message-leave-from {
- max-height: 1000px;
- }
-
- .p-message.p-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin: 0;
- }
-
- .p-message-leave-active {
- overflow: hidden;
- transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;
- }
-
- .p-message-leave-active .p-message-close {
- display: none;
- }
-
- .p-message {
- margin: 1rem 0;
- border-radius: 6px;
- }
- .p-message .p-message-wrapper {
- padding: 1.25rem 1.75rem;
- }
- .p-message .p-message-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-message .p-message-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-message.p-message-info {
- background: rgba(59, 130, 246, 0.2);
- border: solid #3b82f6;
- border-width: 0 0 0 6px;
- color: #93c5fd;
- }
- .p-message.p-message-info .p-message-icon {
- color: #93c5fd;
- }
- .p-message.p-message-info .p-message-close {
- color: #93c5fd;
- }
- .p-message.p-message-success {
- background: rgba(16, 185, 129, 0.2);
- border: solid #10b981;
- border-width: 0 0 0 6px;
- color: #6ee7b7;
- }
- .p-message.p-message-success .p-message-icon {
- color: #6ee7b7;
- }
- .p-message.p-message-success .p-message-close {
- color: #6ee7b7;
- }
- .p-message.p-message-warn {
- background: rgba(234, 179, 8, 0.2);
- border: solid #eab308;
- border-width: 0 0 0 6px;
- color: #fde047;
- }
- .p-message.p-message-warn .p-message-icon {
- color: #fde047;
- }
- .p-message.p-message-warn .p-message-close {
- color: #fde047;
- }
- .p-message.p-message-error {
- background: rgba(239, 68, 68, 0.2);
- border: solid #ef4444;
- border-width: 0 0 0 6px;
- color: #fca5a5;
- }
- .p-message.p-message-error .p-message-icon {
- color: #fca5a5;
- }
- .p-message.p-message-error .p-message-close {
- color: #fca5a5;
- }
- .p-message.p-message-secondary {
- background: #94a3b8;
- border: solid #94a3b8;
- border-width: 0 0 0 6px;
- color: #020617;
- }
- .p-message.p-message-secondary .p-message-icon {
- color: #020617;
- }
- .p-message.p-message-secondary .p-message-close {
- color: #020617;
- }
- .p-message.p-message-contrast {
- background: #ffffff;
- border: solid #ffffff;
- border-width: 0 0 0 6px;
- color: #111827;
- }
- .p-message.p-message-contrast .p-message-icon {
- color: #111827;
- }
- .p-message.p-message-contrast .p-message-close {
- color: #111827;
- }
- .p-message .p-message-text {
- font-size: 1rem;
- font-weight: 500;
- }
- .p-message .p-message-icon {
- font-size: 1.5rem;
- margin-right: 0.5rem;
- }
- .p-message .p-icon:not(.p-message-close-icon) {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-toast {
- width: 25rem;
- white-space: pre-line;
- word-break: break-word;
- }
-
- .p-toast-message-icon {
- flex-shrink: 0;
- }
-
- .p-toast-message-content {
- display: flex;
- align-items: flex-start;
- }
-
- .p-toast-message-text {
- flex: 1 1 auto;
- }
-
- .p-toast-top-center {
- transform: translateX(-50%);
- }
-
- .p-toast-bottom-center {
- transform: translateX(-50%);
- }
-
- .p-toast-center {
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
-
- .p-toast-icon-close {
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-toast-icon-close.p-link {
- cursor: pointer;
- }
-
- /* Animations */
- .p-toast-message-enter-from {
- opacity: 0;
- -webkit-transform: translateY(50%);
- -ms-transform: translateY(50%);
- transform: translateY(50%);
- }
-
- .p-toast-message-leave-from {
- max-height: 1000px;
- }
-
- .p-toast .p-toast-message.p-toast-message-leave-to {
- max-height: 0;
- opacity: 0;
- margin-bottom: 0;
- overflow: hidden;
- }
-
- .p-toast-message-enter-active {
- -webkit-transition: transform 0.3s, opacity 0.3s;
- transition: transform 0.3s, opacity 0.3s;
- }
-
- .p-toast-message-leave-active {
- -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
- }
-
- .p-toast {
- opacity: 1;
- }
- .p-toast .p-toast-message {
- margin: 0 0 1rem 0;
- box-shadow: none;
- border-radius: 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content {
- padding: 1rem;
- border-width: 0 0 0 6px;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
- margin: 0 0 0 1rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
- font-size: 2rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
- font-weight: 700;
- }
- .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
- margin: 0.5rem 0 0 0;
- }
- .p-toast .p-toast-message .p-toast-icon-close {
- width: 2rem;
- height: 2rem;
- border-radius: 50%;
- background: transparent;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.5);
- }
- .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-toast .p-toast-message.p-toast-message-info {
- background: rgba(59, 130, 246, 0.2);
- border: solid #3b82f6;
- border-width: 0 0 0 6px;
- color: #93c5fd;
- }
- .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
- color: #93c5fd;
- }
- .p-toast .p-toast-message.p-toast-message-success {
- background: rgba(16, 185, 129, 0.2);
- border: solid #10b981;
- border-width: 0 0 0 6px;
- color: #6ee7b7;
- }
- .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
- color: #6ee7b7;
- }
- .p-toast .p-toast-message.p-toast-message-warn {
- background: rgba(234, 179, 8, 0.2);
- border: solid #eab308;
- border-width: 0 0 0 6px;
- color: #fde047;
- }
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
- color: #fde047;
- }
- .p-toast .p-toast-message.p-toast-message-error {
- background: rgba(239, 68, 68, 0.2);
- border: solid #ef4444;
- border-width: 0 0 0 6px;
- color: #fca5a5;
- }
- .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
- color: #fca5a5;
- }
- .p-toast .p-toast-message.p-toast-message-secondary {
- background: #94a3b8;
- border: solid #94a3b8;
- border-width: 0 0 0 6px;
- color: #020617;
- }
- .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
- color: #020617;
- }
- .p-toast .p-toast-message.p-toast-message-contrast {
- background: #ffffff;
- border: solid #ffffff;
- border-width: 0 0 0 6px;
- color: #111827;
- }
- .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon,
-.p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
- color: #111827;
- }
-
- .p-galleria-content {
- display: flex;
- flex-direction: column;
- }
-
- .p-galleria-item-wrapper {
- display: flex;
- flex-direction: column;
- position: relative;
- }
-
- .p-galleria-item-container {
- position: relative;
- display: flex;
- height: 100%;
- }
-
- .p-galleria-item-nav {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-item-prev {
- left: 0;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-galleria-item-next {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-galleria-item {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
- width: 100%;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-nav {
- pointer-events: none;
- opacity: 0;
- transition: opacity 0.2s ease-in-out;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
- pointer-events: all;
- opacity: 1;
- }
-
- .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
- pointer-events: none;
- }
-
- .p-galleria-caption {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- /* Thumbnails */
- .p-galleria-thumbnail-wrapper {
- display: flex;
- flex-direction: column;
- overflow: auto;
- flex-shrink: 0;
- }
-
- .p-galleria-thumbnail-prev,
-.p-galleria-thumbnail-next {
- align-self: center;
- flex: 0 0 auto;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-galleria-thumbnail-prev span,
-.p-galleria-thumbnail-next span {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-galleria-thumbnail-container {
- display: flex;
- flex-direction: row;
- }
-
- .p-galleria-thumbnail-items-container {
- overflow: hidden;
- width: 100%;
- }
-
- .p-galleria-thumbnail-items {
- display: flex;
- }
-
- .p-galleria-thumbnail-item {
- overflow: auto;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- opacity: 0.5;
- }
-
- .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.3s;
- }
-
- .p-galleria-thumbnail-item-current {
- opacity: 1;
- }
-
- /* Positions */
- /* Thumbnails */
- .p-galleria-thumbnails-left .p-galleria-content,
-.p-galleria-thumbnails-right .p-galleria-content {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-right .p-galleria-item-wrapper {
- flex-direction: row;
- }
-
- .p-galleria-thumbnails-left .p-galleria-item-wrapper,
-.p-galleria-thumbnails-top .p-galleria-item-wrapper {
- order: 2;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
- order: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-container {
- flex-direction: column;
- flex-grow: 1;
- }
-
- .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
- flex-direction: column;
- height: 100%;
- }
-
- /* Indicators */
- .p-galleria-indicators {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-indicator > button {
- display: inline-flex;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-wrapper,
-.p-galleria-indicators-right .p-galleria-item-wrapper {
- flex-direction: row;
- align-items: center;
- }
-
- .p-galleria-indicators-left .p-galleria-item-container,
-.p-galleria-indicators-top .p-galleria-item-container {
- order: 2;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-top .p-galleria-indicators {
- order: 1;
- }
-
- .p-galleria-indicators-left .p-galleria-indicators,
-.p-galleria-indicators-right .p-galleria-indicators {
- flex-direction: column;
- }
-
- .p-galleria-indicator-onitem .p-galleria-indicators {
- position: absolute;
- display: flex;
- z-index: 1;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
- top: 0;
- left: 0;
- width: 100%;
- align-items: flex-start;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
- right: 0;
- top: 0;
- height: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
- bottom: 0;
- left: 0;
- width: 100%;
- align-items: flex-end;
- }
-
- .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
- left: 0;
- top: 0;
- height: 100%;
- align-items: flex-start;
- }
-
- /* FullScreen */
- .p-galleria-mask {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-galleria-close {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- }
-
- .p-galleria-mask .p-galleria-item-nav {
- position: fixed;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- /* Animation */
- .p-galleria-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-galleria-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-galleria-enter-from,
-.p-galleria-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-galleria-enter-active .p-galleria-item-nav {
- opacity: 0;
- }
-
- /* Keyboard Support */
- .p-items-hidden .p-galleria-thumbnail-item {
- visibility: hidden;
- }
-
- .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
- visibility: visible;
- }
-
- .p-galleria .p-galleria-close {
- margin: 0.5rem;
- background: transparent;
- color: #f8f9fa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-close .p-galleria-close-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-close .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-close:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa;
- }
- .p-galleria .p-galleria-item-nav {
- background: transparent;
- color: #f8f9fa;
- width: 4rem;
- height: 4rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- margin: 0 0.5rem;
- }
- .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
-.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
- font-size: 2rem;
- }
- .p-galleria .p-galleria-item-nav .p-icon {
- width: 2rem;
- height: 2rem;
- }
- .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa;
- }
- .p-galleria .p-galleria-caption {
- background: rgba(0, 0, 0, 0.5);
- color: #f8f9fa;
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators {
- padding: 1rem;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button {
- background-color: #424b57;
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.1);
- }
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
- margin-right: 0.5rem;
- }
- .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
- margin-bottom: 0.5rem;
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
- background: rgba(0, 0, 0, 0.5);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
- background: rgba(255, 255, 255, 0.4);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
- background: rgba(255, 255, 255, 0.6);
- }
- .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background: rgba(96, 165, 250, 0.16);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-galleria .p-galleria-thumbnail-container {
- background: rgba(0, 0, 0, 0.9);
- padding: 1rem 0.25rem;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- margin: 0.5rem;
- background-color: transparent;
- color: #f8f9fa;
- width: 2rem;
- height: 2rem;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- border-radius: 50%;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
-.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
- background: rgba(255, 255, 255, 0.1);
- color: #f8f9fa;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
- outline-color: transparent;
- }
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
-
- .p-galleria-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-mask {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-image-preview-container {
- position: relative;
- display: inline-block;
- line-height: 0;
- }
-
- .p-image-preview-indicator {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0;
- transition: opacity 0.3s;
- border: none;
- padding: 0;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- opacity: 1;
- cursor: pointer;
- }
-
- .p-image-preview-container > img {
- cursor: pointer;
- }
-
- .p-image-toolbar {
- position: absolute;
- top: 0;
- right: 0;
- display: flex;
- z-index: 1;
- }
-
- .p-image-action.p-link {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-image-action.p-disabled {
- pointer-events: auto;
- }
-
- .p-image-preview {
- transition: transform 0.15s;
- max-width: 100vw;
- max-height: 100vh;
- }
-
- .p-image-preview-enter-active {
- transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-image-preview-leave-active {
- transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
- }
-
- .p-image-preview-enter-from,
-.p-image-preview-leave-to {
- opacity: 0;
- transform: scale(0.7);
- }
-
- .p-image-mask {
- --maskbg: rgba(0, 0, 0, 0.9);
- }
-
- .p-image-preview-indicator {
- background-color: transparent;
- color: #f8f9fa;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-image-preview-indicator .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-image-preview-container:hover > .p-image-preview-indicator {
- background-color: rgba(0, 0, 0, 0.5);
- }
-
- .p-image-toolbar {
- padding: 1rem;
- }
-
- .p-image-action.p-link {
- color: #f8f9fa;
- background-color: transparent;
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- margin-right: 0.5rem;
- }
- .p-image-action.p-link:last-child {
- margin-right: 0;
- }
- .p-image-action.p-link:hover {
- color: #f8f9fa;
- background-color: rgba(255, 255, 255, 0.1);
- }
- .p-image-action.p-link i {
- font-size: 1.5rem;
- }
- .p-image-action.p-link .p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-avatar {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
- font-size: 1rem;
- }
-
- .p-avatar.p-avatar-image {
- background-color: transparent;
- }
-
- .p-avatar.p-avatar-circle {
- border-radius: 50%;
- }
-
- .p-avatar-circle img {
- border-radius: 50%;
- }
-
- .p-avatar .p-avatar-icon {
- font-size: 1rem;
- }
-
- .p-avatar img {
- width: 100%;
- height: 100%;
- }
-
- .p-avatar-group .p-avatar + .p-avatar {
- margin-left: -1rem;
- }
-
- .p-avatar-group {
- display: flex;
- align-items: center;
- }
-
- .p-avatar {
- background-color: #424b57;
- border-radius: 6px;
- }
- .p-avatar.p-avatar-lg {
- width: 3rem;
- height: 3rem;
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-lg .p-avatar-icon {
- font-size: 1.5rem;
- }
- .p-avatar.p-avatar-xl {
- width: 4rem;
- height: 4rem;
- font-size: 2rem;
- }
- .p-avatar.p-avatar-xl .p-avatar-icon {
- font-size: 2rem;
- }
-
- .p-avatar-group .p-avatar {
- border: 2px solid #1f2937;
- }
-
- .p-badge {
- display: inline-block;
- border-radius: 10px;
- text-align: center;
- padding: 0 0.5rem;
- }
-
- .p-overlay-badge {
- position: relative;
- }
-
- .p-overlay-badge .p-badge {
- position: absolute;
- top: 0;
- right: 0;
- transform: translate(50%, -50%);
- transform-origin: 100% 0;
- margin: 0;
- }
-
- .p-badge.p-badge-dot {
- width: 0.5rem;
- min-width: 0.5rem;
- height: 0.5rem;
- border-radius: 50%;
- padding: 0;
- }
-
- .p-badge-no-gutter {
- padding: 0;
- border-radius: 50%;
- }
-
- .p-badge {
- background: #60a5fa;
- color: #030712;
- font-size: 0.75rem;
- font-weight: 700;
- min-width: 1.5rem;
- height: 1.5rem;
- line-height: 1.5rem;
- }
- .p-badge.p-badge-secondary {
- background-color: #94a3b8;
- color: #020617;
- }
- .p-badge.p-badge-success {
- background-color: #4ade80;
- color: #052e16;
- }
- .p-badge.p-badge-info {
- background-color: #38bdf8;
- color: #082f49;
- }
- .p-badge.p-badge-warning {
- background-color: #fb923c;
- color: #431407;
- }
- .p-badge.p-badge-danger {
- background-color: #f87171;
- color: #450a0a;
- }
- .p-badge.p-badge-secondary {
- background-color: #94a3b8;
- color: #020617;
- }
- .p-badge.p-badge-contrast {
- background-color: #ffffff;
- color: #111827;
- }
- .p-badge.p-badge-lg {
- font-size: 1.125rem;
- min-width: 2.25rem;
- height: 2.25rem;
- line-height: 2.25rem;
- }
- .p-badge.p-badge-xl {
- font-size: 1.5rem;
- min-width: 3rem;
- height: 3rem;
- line-height: 3rem;
- }
-
- .p-blockui-container {
- position: relative;
- }
-
- .p-blockui.p-component-overlay {
- position: absolute;
- }
-
- .p-blockui-document.p-component-overlay {
- position: fixed;
- }
-
- .p-blockui {
- border-radius: 6px;
- }
-
- .p-chip {
- display: inline-flex;
- align-items: center;
- }
-
- .p-chip-text {
- line-height: 1.5;
- }
-
- .p-chip-icon.pi {
- line-height: 1.5;
- }
-
- .p-chip-remove-icon {
- line-height: 1.5;
- cursor: pointer;
- }
-
- .p-chip img {
- border-radius: 50%;
- }
-
- .p-chip {
- background-color: #424b57;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- padding: 0 0.75rem;
- }
- .p-chip .p-chip-text {
- line-height: 1.5;
- margin-top: 0.375rem;
- margin-bottom: 0.375rem;
- }
- .p-chip .p-chip-icon {
- margin-right: 0.5rem;
- }
- .p-chip img {
- width: 2.25rem;
- height: 2.25rem;
- margin-left: -0.75rem;
- margin-right: 0.5rem;
- }
- .p-chip .p-chip-remove-icon {
- margin-left: 0.5rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-chip .p-chip-remove-icon:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
- .p-chip .p-chip-remove-icon:focus {
- outline: 0 none;
- }
-
- .p-inplace .p-inplace-display {
- display: inline;
- cursor: pointer;
- }
-
- .p-inplace .p-inplace-content {
- display: inline;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
- display: flex;
- }
-
- .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inplace .p-inplace-display {
- padding: 0.75rem 0.75rem;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-inplace .p-inplace-display:not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- color: rgba(255, 255, 255, 0.87);
- }
- .p-inplace .p-inplace-display:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
- }
-
- .p-metergroup {
- display: flex;
- }
-
- .p-metergroup-meters {
- display: flex;
- }
-
- .p-metergroup-vertical .p-metergroup-meters {
- flex-direction: column;
- }
-
- .p-metergroup-labels {
- display: flex;
- flex-wrap: wrap;
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-metergroup-vertical .p-metergroup-labels {
- align-items: start;
- }
-
- .p-metergroup-labels-vertical {
- flex-direction: column;
- }
-
- .p-metergroup-label {
- display: inline-flex;
- align-items: center;
- }
-
- .p-metergroup-label-marker {
- display: inline-flex;
- }
-
- .p-metergroup {
- gap: 1rem;
- }
- .p-metergroup .p-metergroup-meters {
- background: #424b57;
- border-radius: 6px;
- }
- .p-metergroup .p-metergroup-meter {
- border: 0 none;
- background: #60a5fa;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
- background: #60a5fa;
- width: 0.5rem;
- height: 0.5rem;
- border-radius: 100%;
- }
- .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
- width: 1rem;
- height: 1rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
- gap: 0.5rem;
- }
- .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
- gap: 1rem;
- }
- .p-metergroup.p-metergroup-horizontal {
- flex-direction: column;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
- height: 0.5rem;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
- .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical {
- flex-direction: row;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
- width: 0.5rem;
- height: 100%;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- }
- .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-progressbar {
- position: relative;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-value {
- height: 100%;
- width: 0%;
- position: absolute;
- display: none;
- border: 0 none;
- display: flex;
- align-items: center;
- justify-content: center;
- overflow: hidden;
- }
-
- .p-progressbar-determinate .p-progressbar-label {
- display: inline-flex;
- }
-
- .p-progressbar-determinate .p-progressbar-value-animate {
- transition: width 1s ease-in-out;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::before {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
- }
-
- .p-progressbar-indeterminate .p-progressbar-value::after {
- content: "";
- position: absolute;
- background-color: inherit;
- top: 0;
- left: 0;
- bottom: 0;
- will-change: left, right;
- -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
- -webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
- }
-
- @-webkit-keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim {
- 0% {
- left: -35%;
- right: 100%;
- }
- 60% {
- left: 100%;
- right: -90%;
- }
- 100% {
- left: 100%;
- right: -90%;
- }
- }
- @-webkit-keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- @keyframes p-progressbar-indeterminate-anim-short {
- 0% {
- left: -200%;
- right: 100%;
- }
- 60% {
- left: 107%;
- right: -8%;
- }
- 100% {
- left: 107%;
- right: -8%;
- }
- }
- .p-progressbar {
- border: 0 none;
- height: 1.5rem;
- background: #424b57;
- border-radius: 6px;
- }
- .p-progressbar .p-progressbar-value {
- border: 0 none;
- margin: 0;
- background: #60a5fa;
- }
- .p-progressbar .p-progressbar-label {
- color: #030712;
- line-height: 1.5rem;
- }
-
- .p-progress-spinner {
- position: relative;
- margin: 0 auto;
- width: 100px;
- height: 100px;
- display: inline-block;
- }
-
- .p-progress-spinner::before {
- content: "";
- display: block;
- padding-top: 100%;
- }
-
- .p-progress-spinner-svg {
- height: 100%;
- transform-origin: center center;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
-
- .p-progress-spinner-svg {
- animation: p-progress-spinner-rotate 2s linear infinite;
- }
-
- .p-progress-spinner-circle {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: 0;
- stroke: #fca5a5;
- animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
- stroke-linecap: round;
- }
-
- @keyframes p-progress-spinner-rotate {
- 100% {
- transform: rotate(360deg);
- }
- }
- @keyframes p-progress-spinner-dash {
- 0% {
- stroke-dasharray: 1, 200;
- stroke-dashoffset: 0;
- }
- 50% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -35px;
- }
- 100% {
- stroke-dasharray: 89, 200;
- stroke-dashoffset: -124px;
- }
- }
- @keyframes p-progress-spinner-color {
- 100%, 0% {
- stroke: #fca5a5;
- }
- 40% {
- stroke: #93c5fd;
- }
- 66% {
- stroke: #6ee7b7;
- }
- 80%, 90% {
- stroke: #fde047;
- }
- }
- .p-ripple {
- overflow: hidden;
- position: relative;
- }
-
- .p-ink {
- display: block;
- position: absolute;
- background: rgba(255, 255, 255, 0.5);
- border-radius: 100%;
- transform: scale(0);
- pointer-events: none;
- }
-
- .p-ink-active {
- animation: ripple 0.4s linear;
- }
-
- .p-ripple-disabled .p-ink {
- display: none;
- }
-
- @keyframes ripple {
- 100% {
- opacity: 0;
- transform: scale(2.5);
- }
- }
- .p-scrolltop {
- position: fixed;
- bottom: 20px;
- right: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-scrolltop-sticky {
- position: sticky;
- }
-
- .p-scrolltop-sticky.p-link {
- margin-left: auto;
- }
-
- .p-scrolltop-enter-from {
- opacity: 0;
- }
-
- .p-scrolltop-enter-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop.p-scrolltop-leave-to {
- opacity: 0;
- }
-
- .p-scrolltop-leave-active {
- transition: opacity 0.15s;
- }
-
- .p-scrolltop {
- width: 3rem;
- height: 3rem;
- border-radius: 50%;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- }
- .p-scrolltop.p-link {
- background: rgba(96, 165, 250, 0.16);
- }
- .p-scrolltop.p-link:hover {
- background: rgba(96, 165, 250, 0.3616);
- }
- .p-scrolltop .p-scrolltop-icon {
- font-size: 1.5rem;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-scrolltop .p-scrolltop-icon.p-icon {
- width: 1.5rem;
- height: 1.5rem;
- }
-
- .p-skeleton {
- overflow: hidden;
- }
-
- .p-skeleton::after {
- content: "";
- animation: p-skeleton-animation 1.2s infinite;
- height: 100%;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: translateX(-100%);
- z-index: 1;
- }
-
- .p-skeleton.p-skeleton-circle {
- border-radius: 50%;
- }
-
- .p-skeleton-none::after {
- animation: none;
- }
-
- @keyframes p-skeleton-animation {
- from {
- transform: translateX(-100%);
- }
- to {
- transform: translateX(100%);
- }
- }
- .p-skeleton {
- background-color: rgba(255, 255, 255, 0.06);
- border-radius: 6px;
- }
- .p-skeleton:after {
- background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
- }
-
- .p-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
- line-height: 1.5;
- }
-
- .p-tag.p-tag-rounded {
- border-radius: 10rem;
- }
-
- .p-tag {
- background: #60a5fa;
- color: #030712;
- font-size: 0.75rem;
- font-weight: 700;
- padding: 0.25rem 0.4rem;
- border-radius: 6px;
- }
- .p-tag.p-tag-success {
- background-color: #4ade80;
- color: #052e16;
- }
- .p-tag.p-tag-info {
- background-color: #38bdf8;
- color: #082f49;
- }
- .p-tag.p-tag-warning {
- background-color: #fb923c;
- color: #431407;
- }
- .p-tag.p-tag-danger {
- background-color: #f87171;
- color: #450a0a;
- }
- .p-tag.p-tag-secondary {
- background-color: #94a3b8;
- color: #020617;
- }
- .p-tag.p-tag-contrast {
- background-color: #ffffff;
- color: #111827;
- }
- .p-tag .p-tag-icon {
- font-size: 0.75rem;
- }
- .p-tag .p-tag-icon:not(:last-child) {
- margin-right: 0.25rem;
- }
- .p-tag .p-tag-icon.p-icon {
- width: 0.75rem;
- height: 0.75rem;
- }
-
- .p-terminal {
- height: 18rem;
- overflow: auto;
- }
-
- .p-terminal-prompt-container {
- display: flex;
- align-items: center;
- }
-
- .p-terminal-input {
- flex: 1 1 auto;
- border: 0 none;
- background-color: transparent;
- color: inherit;
- padding: 0;
- outline: 0 none;
- }
-
- .p-terminal-input::-ms-clear {
- display: none;
- }
-
- .p-terminal {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- padding: 1.25rem;
- }
- .p-terminal .p-terminal-input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- }
-}
-@layer primevue {
- .p-button-label {
- font-weight: 700;
- }
-
- .p-selectbutton > .p-button,
-.p-togglebutton.p-button {
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
-
- .p-accordion .p-accordion-header .p-accordion-header-link {
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
-
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
-
- .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
- transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
-
- .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
- background-color: #60a5fa;
- }
-
- .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
- background-color: #60a5fa;
- }
-
- .p-button:focus {
- box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(96, 165, 250, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
- }
- .p-button.p-button-secondary:enabled:focus {
- box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(148, 163, 184, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
- }
- .p-button.p-button-success:enabled:focus {
- box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(74, 222, 128, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
- }
- .p-button.p-button-info:enabled:focus {
- box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(56, 189, 248, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
- }
- .p-button.p-button-warning:enabled:focus {
- box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(251, 146, 60, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
- }
- .p-button.p-button-help:enabled:focus {
- box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(192, 132, 252, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
- }
- .p-button.p-button-danger:enabled:focus {
- box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(248, 113, 113, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
- }
-
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
- box-shadow: inset 0 2px 0 0 #60a5fa;
- }
- .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
- box-shadow: inset 0 -2px 0 0 #60a5fa;
- }
-
- .p-speeddial-item.p-focus > .p-speeddial-action {
- box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px rgba(96, 165, 250, 0.7), 0 1px 2px 0 rgba(0, 0, 0, 0);
- }
-
- .p-toast-message {
- backdrop-filter: blur(10px);
- }
-
- .p-message .p-message-close:hover {
- background: rgba(255, 255, 255, 0.1);
- }
-
- .p-toast .p-toast-message .p-toast-icon-close:hover {
- background: rgba(255, 255, 255, 0.1);
- }
-
- .p-inline-message-text {
- font-weight: 500;
- }
-
- .p-picklist-buttons .p-button,
-.p-orderlist-controls .p-button {
- transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
-
- .p-steps .p-steps-item.p-highlight .p-steps-number {
- background: #60a5fa;
- color: #030712;
- }
-
- .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
- border-style: solid;
- border-color: #424b57;
- }
- .p-stepper .p-stepper-header.p-highlight .p-stepper-action .p-stepper-number {
- background: #60a5fa;
- color: #030712;
- }
-}
diff --git a/public/themes/lara-dark-cyan/fonts/Inter-italic.var.woff2 b/public/themes/lara-dark-cyan/fonts/Inter-italic.var.woff2
deleted file mode 100644
index b826d5a..0000000
Binary files a/public/themes/lara-dark-cyan/fonts/Inter-italic.var.woff2 and /dev/null differ
diff --git a/public/themes/lara-dark-cyan/fonts/Inter-roman.var.woff2 b/public/themes/lara-dark-cyan/fonts/Inter-roman.var.woff2
deleted file mode 100644
index 6a256a0..0000000
Binary files a/public/themes/lara-dark-cyan/fonts/Inter-roman.var.woff2 and /dev/null differ
diff --git a/public/themes/lara-dark-cyan/theme.css b/public/themes/lara-dark-cyan/theme.css
deleted file mode 100644
index 0b7bf14..0000000
--- a/public/themes/lara-dark-cyan/theme.css
+++ /dev/null
@@ -1,10845 +0,0 @@
-:root {
- font-family: "Inter var", sans-serif;
- font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- font-variation-settings: normal;
- --font-family: "Inter var", sans-serif;
- --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
- --surface-a: #1f2937;
- --surface-b: #111827;
- --surface-c: rgba(255, 255, 255, 0.03);
- --surface-d: #424b57;
- --surface-e: #1f2937;
- --surface-f: #1f2937;
- --text-color: rgba(255, 255, 255, 0.87);
- --text-color-secondary: rgba(255, 255, 255, 0.6);
- --primary-color: #22d3ee;
- --primary-color-text: #030712;
- --surface-0: #111827;
- --surface-50: #1f2937;
- --surface-100: #374151;
- --surface-200: #4b5563;
- --surface-300: #6b7280;
- --surface-400: #9ca3af;
- --surface-500: #d1d5db;
- --surface-600: #e5e7eb;
- --surface-700: #f3f4f6;
- --surface-800: #f9fafb;
- --surface-900: #ffffff;
- --gray-50: #f9fafb;
- --gray-100: #f3f4f6;
- --gray-200: #e5e7eb;
- --gray-300: #d1d5db;
- --gray-400: #9ca3af;
- --gray-500: #6b7280;
- --gray-600: #4b5563;
- --gray-700: #374151;
- --gray-800: #1f2937;
- --gray-900: #111827;
- --content-padding: 1.25rem;
- --inline-spacing: 0.5rem;
- --border-radius: 6px;
- --surface-ground: #111827;
- --surface-section: #111827;
- --surface-card: #1f2937;
- --surface-overlay: #1f2937;
- --surface-border: rgba(255, 255, 255, 0.1);
- --surface-hover: rgba(255, 255, 255, 0.03);
- --focus-ring: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
- --maskbg: rgba(0, 0, 0, 0.4);
- --highlight-bg: rgba(34, 211, 238, 0.16);
- --highlight-text-color: rgba(255, 255, 255, 0.87);
- color-scheme: dark;
-}
-
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: normal;
- font-named-instance: "Regular";
- src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
-}
-@font-face {
- font-family: "Inter var";
- font-weight: 100 900;
- font-display: swap;
- font-style: italic;
- font-named-instance: "Italic";
- src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
-}
-:root {
- --blue-50:#f5f9ff;
- --blue-100:#d0e1fd;
- --blue-200:#abc9fb;
- --blue-300:#85b2f9;
- --blue-400:#609af8;
- --blue-500:#3b82f6;
- --blue-600:#326fd1;
- --blue-700:#295bac;
- --blue-800:#204887;
- --blue-900:#183462;
- --green-50:#f4fcf7;
- --green-100:#caf1d8;
- --green-200:#a0e6ba;
- --green-300:#76db9b;
- --green-400:#4cd07d;
- --green-500:#22c55e;
- --green-600:#1da750;
- --green-700:#188a42;
- --green-800:#136c34;
- --green-900:#0e4f26;
- --yellow-50:#fefbf3;
- --yellow-100:#faedc4;
- --yellow-200:#f6de95;
- --yellow-300:#f2d066;
- --yellow-400:#eec137;
- --yellow-500:#eab308;
- --yellow-600:#c79807;
- --yellow-700:#a47d06;
- --yellow-800:#816204;
- --yellow-900:#5e4803;
- --cyan-50:#f3fbfd;
- --cyan-100:#c3edf5;
- --cyan-200:#94e0ed;
- --cyan-300:#65d2e4;
- --cyan-400:#35c4dc;
- --cyan-500:#06b6d4;
- --cyan-600:#059bb4;
- --cyan-700:#047f94;
- --cyan-800:#036475;
- --cyan-900:#024955;
- --pink-50:#fef6fa;
- --pink-100:#fad3e7;
- --pink-200:#f7b0d3;
- --pink-300:#f38ec0;
- --pink-400:#f06bac;
- --pink-500:#ec4899;
- --pink-600:#c93d82;
- --pink-700:#a5326b;
- --pink-800:#822854;
- --pink-900:#5e1d3d;
- --indigo-50:#f7f7fe;
- --indigo-100:#dadafc;
- --indigo-200:#bcbdf9;
- --indigo-300:#9ea0f6;
- --indigo-400:#8183f4;
- --indigo-500:#6366f1;
- --indigo-600:#5457cd;
- --indigo-700:#4547a9;
- --indigo-800:#363885;
- --indigo-900:#282960;
- --teal-50:#f3fbfb;
- --teal-100:#c7eeea;
- --teal-200:#9ae0d9;
- --teal-300:#6dd3c8;
- --teal-400:#41c5b7;
- --teal-500:#14b8a6;
- --teal-600:#119c8d;
- --teal-700:#0e8174;
- --teal-800:#0b655b;
- --teal-900:#084a42;
- --orange-50:#fff8f3;
- --orange-100:#feddc7;
- --orange-200:#fcc39b;
- --orange-300:#fba86f;
- --orange-400:#fa8e42;
- --orange-500:#f97316;
- --orange-600:#d46213;
- --orange-700:#ae510f;
- --orange-800:#893f0c;
- --orange-900:#642e09;
- --bluegray-50:#f7f8f9;
- --bluegray-100:#dadee3;
- --bluegray-200:#bcc3cd;
- --bluegray-300:#9fa9b7;
- --bluegray-400:#818ea1;
- --bluegray-500:#64748b;
- --bluegray-600:#556376;
- --bluegray-700:#465161;
- --bluegray-800:#37404c;
- --bluegray-900:#282e38;
- --purple-50:#fbf7ff;
- --purple-100:#ead6fd;
- --purple-200:#dab6fc;
- --purple-300:#c996fa;
- --purple-400:#b975f9;
- --purple-500:#a855f7;
- --purple-600:#8f48d2;
- --purple-700:#763cad;
- --purple-800:#5c2f88;
- --purple-900:#432263;
- --red-50:#fff5f5;
- --red-100:#ffd0ce;
- --red-200:#ffaca7;
- --red-300:#ff8780;
- --red-400:#ff6259;
- --red-500:#ff3d32;
- --red-600:#d9342b;
- --red-700:#b32b23;
- --red-800:#8c221c;
- --red-900:#661814;
- --primary-50:#f4fdfe;
- --primary-100:#caf4fb;
- --primary-200:#a0ecf8;
- --primary-300:#76e4f4;
- --primary-400:#4cdbf1;
- --primary-500:#22d3ee;
- --primary-600:#1db3ca;
- --primary-700:#1894a7;
- --primary-800:#137483;
- --primary-900:#0e545f;
-}
-
-.p-editor-container .p-editor-toolbar {
- background: #1f2937;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
-}
-.p-editor-container .p-editor-toolbar.ql-snow {
- border: 1px solid #424b57;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
- stroke: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
- fill: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
- border: 0 none;
- color: rgba(255, 255, 255, 0.6);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
- background: #1f2937;
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 6px;
- padding: 0.75rem 0;
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
-}
-.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
- padding: 0.75rem 1.25rem;
-}
-.p-editor-container .p-editor-content {
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .p-editor-content.ql-snow {
- border: 1px solid #424b57;
-}
-.p-editor-container .p-editor-content .ql-editor {
- background: #111827;
- color: rgba(255, 255, 255, 0.87);
- border-bottom-right-radius: 6px;
- border-bottom-left-radius: 6px;
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover,
-.p-editor-container .ql-snow.ql-toolbar button:focus {
- color: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
- stroke: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
- fill: rgba(255, 255, 255, 0.87);
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
- color: #22d3ee;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
- stroke: #22d3ee;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
- fill: #22d3ee;
-}
-.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
-.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
- color: #22d3ee;
-}
-
-@layer primevue {
- .p-component, .p-component * {
- box-sizing: border-box;
- }
-
- .p-hidden-space {
- visibility: hidden;
- }
-
- .p-reset {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- text-decoration: none;
- font-size: 100%;
- list-style: none;
- }
-
- .p-disabled, .p-disabled * {
- cursor: default;
- pointer-events: none;
- user-select: none;
- }
-
- .p-component-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
-
- .p-unselectable-text {
- user-select: none;
- }
-
- .p-sr-only {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- word-wrap: normal;
- }
-
- .p-link {
- text-align: left;
- background-color: transparent;
- margin: 0;
- padding: 0;
- border: none;
- cursor: pointer;
- user-select: none;
- }
-
- .p-link:disabled {
- cursor: default;
- }
-
- /* Non vue overlay animations */
- .p-connected-overlay {
- opacity: 0;
- transform: scaleY(0.8);
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-visible {
- opacity: 1;
- transform: scaleY(1);
- }
-
- .p-connected-overlay-hidden {
- opacity: 0;
- transform: scaleY(1);
- transition: opacity 0.1s linear;
- }
-
- /* Vue based overlay animations */
- .p-connected-overlay-enter-from {
- opacity: 0;
- transform: scaleY(0.8);
- }
-
- .p-connected-overlay-leave-to {
- opacity: 0;
- }
-
- .p-connected-overlay-enter-active {
- transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
- }
-
- .p-connected-overlay-leave-active {
- transition: opacity 0.1s linear;
- }
-
- /* Toggleable Content */
- .p-toggleable-content-enter-from,
-.p-toggleable-content-leave-to {
- max-height: 0;
- }
-
- .p-toggleable-content-enter-to,
-.p-toggleable-content-leave-from {
- max-height: 1000px;
- }
-
- .p-toggleable-content-leave-active {
- overflow: hidden;
- transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
- }
-
- .p-toggleable-content-enter-active {
- overflow: hidden;
- transition: max-height 1s ease-in-out;
- }
-
- * {
- box-sizing: border-box;
- }
-
- .p-component {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- font-weight: normal;
- }
-
- .p-component-overlay {
- background-color: rgba(0, 0, 0, 0.4);
- transition-duration: 0.2s;
- }
-
- .p-disabled, .p-component:disabled {
- opacity: 0.4;
- }
-
- .p-error {
- color: #fca5a5;
- }
-
- .p-text-secondary {
- color: rgba(255, 255, 255, 0.6);
- }
-
- .pi {
- font-size: 1rem;
- }
-
- .p-icon {
- width: 1rem;
- height: 1rem;
- }
-
- .p-link {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-link:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
- }
-
- .p-component-overlay-enter {
- animation: p-component-overlay-enter-animation 150ms forwards;
- }
-
- .p-component-overlay-leave {
- animation: p-component-overlay-leave-animation 150ms forwards;
- }
-
- @keyframes p-component-overlay-enter-animation {
- from {
- background-color: transparent;
- }
- to {
- background-color: var(--maskbg);
- }
- }
- @keyframes p-component-overlay-leave-animation {
- from {
- background-color: var(--maskbg);
- }
- to {
- background-color: transparent;
- }
- }
-
- .p-autocomplete {
- display: inline-flex;
- }
-
- .p-autocomplete-loader {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-autocomplete-dd .p-autocomplete-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-autocomplete-dd .p-autocomplete-input,
-.p-autocomplete-dd .p-autocomplete-multiple-container {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-autocomplete-dd .p-autocomplete-dropdown {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0px;
- }
-
- .p-autocomplete .p-autocomplete-panel {
- min-width: 100%;
- }
-
- .p-autocomplete-panel {
- position: absolute;
- overflow: auto;
- top: 0;
- left: 0;
- }
-
- .p-autocomplete-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-autocomplete-item {
- cursor: pointer;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-autocomplete-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-autocomplete-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-autocomplete-token-icon {
- cursor: pointer;
- }
-
- .p-autocomplete-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-autocomplete-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-autocomplete {
- display: flex;
- }
-
- .p-fluid .p-autocomplete-dd .p-autocomplete-input {
- width: 1%;
- }
-
- .p-autocomplete .p-autocomplete-loader {
- right: 0.75rem;
- }
- .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
- right: 3.75rem;
- }
- .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
- border-color: #22d3ee;
- }
- .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
- border-color: #22d3ee;
- }
- .p-autocomplete .p-autocomplete-multiple-container {
- padding: 0.375rem 0.75rem;
- gap: 0.5rem;
- outline-color: transparent;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
- padding: 0.375rem 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
- padding: 0.375rem 0.75rem;
- background: #424b57;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
- margin-left: 0.5rem;
- }
- .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
- background: #6b7280;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-autocomplete.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-autocomplete-panel {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-autocomplete-panel .p-autocomplete-items {
- padding: 0.75rem 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
- margin: 0;
- padding: 0.75rem 1.25rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
- margin-top: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
- margin-bottom: 0;
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
- background: rgba(34, 211, 238, 0.24);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
- margin: 0;
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: #374151;
- font-weight: 700;
- }
-
- .p-calendar {
- display: inline-flex;
- max-width: 100%;
- }
-
- .p-calendar .p-inputtext {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-calendar-w-btn .p-inputtext {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-calendar-w-btn .p-datepicker-trigger {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-calendar .p-datepicker-trigger-icon {
- cursor: pointer;
- }
-
- /* Fluid */
- .p-fluid .p-calendar {
- display: flex;
- }
-
- .p-fluid .p-calendar .p-inputtext {
- width: 1%;
- }
-
- /* Datepicker */
- .p-calendar .p-datepicker {
- min-width: 100%;
- }
-
- .p-datepicker {
- width: auto;
- }
-
- .p-datepicker-inline {
- display: inline-block;
- overflow-x: auto;
- }
-
- /* Header */
- .p-datepicker-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-datepicker-header .p-datepicker-title {
- margin: 0 auto;
- }
-
- .p-datepicker-prev,
-.p-datepicker-next {
- cursor: pointer;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- /* Multiple Month DatePicker */
- .p-datepicker-multiple-month .p-datepicker-group-container {
- display: flex;
- }
-
- .p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
- flex: 1 1 auto;
- }
-
- /* DatePicker Table */
- .p-datepicker table {
- width: 100%;
- border-collapse: collapse;
- }
-
- .p-datepicker td > span {
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 0 auto;
- overflow: hidden;
- position: relative;
- }
-
- /* Month Picker */
- .p-monthpicker-month {
- width: 33.3%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Year Picker */
- .p-yearpicker-year {
- width: 50%;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- /* Button Bar */
- .p-datepicker-buttonbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
-
- /* Time Picker */
- .p-timepicker {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-timepicker button {
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
- overflow: hidden;
- position: relative;
- }
-
- .p-timepicker > div {
- display: flex;
- align-items: center;
- flex-direction: column;
- }
-
- /* Touch UI */
- .p-datepicker-touch-ui,
-.p-calendar .p-datepicker-touch-ui {
- min-width: 80vw;
- }
-
- .p-calendar.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
- border-color: #22d3ee;
- }
-
- .p-datepicker {
- padding: 0.5rem;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- }
- .p-datepicker:not(.p-datepicker-inline) {
- background: #1f2937;
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
- background: #1f2937;
- }
- .p-datepicker .p-datepicker-header {
- padding: 0.5rem;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- font-weight: 700;
- margin: 0;
- border-bottom: 1px solid #424b57;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev,
-.p-datepicker .p-datepicker-header .p-datepicker-next {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
-.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title {
- line-height: 2rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- font-weight: 700;
- padding: 0.5rem;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
-.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
- color: #22d3ee;
- }
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
- margin-right: 0.5rem;
- }
- .p-datepicker table {
- font-size: 1rem;
- margin: 0.5rem 0;
- }
- .p-datepicker table th {
- padding: 0.5rem;
- }
- .p-datepicker table th > span {
- width: 2.5rem;
- height: 2.5rem;
- }
- .p-datepicker table td {
- padding: 0.5rem;
- }
- .p-datepicker table td > span {
- width: 2.5rem;
- height: 2.5rem;
- border-radius: 50%;
- transition: box-shadow 0.2s;
- border: 1px solid transparent;
- outline-color: transparent;
- }
- .p-datepicker table td > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-datepicker table td > span:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
- }
- .p-datepicker table td.p-datepicker-today > span {
- background: transparent;
- color: #22d3ee;
- border-color: transparent;
- }
- .p-datepicker table td.p-datepicker-today > span.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-datepicker .p-datepicker-buttonbar {
- padding: 1rem 0;
- border-top: 1px solid #424b57;
- }
- .p-datepicker .p-datepicker-buttonbar .p-button {
- width: auto;
- }
- .p-datepicker .p-timepicker {
- border-top: 1px solid #424b57;
- padding: 0.5rem;
- }
- .p-datepicker .p-timepicker button {
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-datepicker .p-timepicker button:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker .p-timepicker button:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
- }
- .p-datepicker .p-timepicker button:last-child {
- margin-top: 0.2em;
- }
- .p-datepicker .p-timepicker span {
- font-size: 1.25rem;
- }
- .p-datepicker .p-timepicker > div {
- padding: 0 0.5rem;
- }
- .p-datepicker.p-datepicker-timeonly .p-timepicker {
- border-top: 0 none;
- }
- .p-datepicker .p-monthpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-datepicker .p-yearpicker {
- margin: 0.5rem 0;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year {
- padding: 0.5rem;
- transition: box-shadow 0.2s;
- border-radius: 6px;
- }
- .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
- border-left: 1px solid #424b57;
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- padding-top: 0;
- padding-bottom: 0;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
- padding-left: 0;
- border-left: 0 none;
- }
- .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
- padding-right: 0;
- }
- .p-datepicker.p-datepicker-mobile table th,
-.p-datepicker.p-datepicker-mobile table td {
- padding: 0;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled) {
- outline-color: transparent;
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- }
- .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
- }
-
- .p-cascadeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-cascadeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-cascadeselect-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-cascadeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-cascadeselect .p-cascadeselect-panel {
- min-width: 100%;
- }
-
- .p-cascadeselect-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- }
-
- .p-cascadeselect-item-content {
- display: flex;
- align-items: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-cascadeselect-group-icon {
- margin-left: auto;
- }
-
- .p-cascadeselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- min-width: 100%;
- }
-
- .p-fluid .p-cascadeselect {
- display: flex;
- }
-
- .p-fluid .p-cascadeselect .p-cascadeselect-label {
- width: 1%;
- }
-
- .p-cascadeselect-sublist {
- position: absolute;
- min-width: 100%;
- z-index: 1;
- display: none;
- }
-
- .p-cascadeselect-item-active {
- overflow: visible;
- }
-
- .p-cascadeselect-item-active > .p-cascadeselect-sublist {
- display: block;
- left: 100%;
- top: 0;
- }
-
- .p-cascadeselect-enter-from,
-.p-cascadeselect-leave-active {
- opacity: 0;
- }
-
- .p-cascadeselect-enter-active {
- transition: opacity 150ms;
- }
-
- .p-cascadeselect {
- background: #111827;
- border: 1px solid #424b57;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-cascadeselect:not(.p-disabled):hover {
- border-color: #22d3ee;
- }
- .p-cascadeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
- border-color: #22d3ee;
- }
- .p-cascadeselect.p-variant-filled {
- background-color: #424b57;
- }
- .p-cascadeselect.p-variant-filled:enabled:hover {
- background-color: #424b57;
- }
- .p-cascadeselect.p-variant-filled:enabled:focus {
- background-color: #424b57;
- }
- .p-cascadeselect .p-cascadeselect-label {
- background: transparent;
- border: 0 none;
- padding: 0.75rem 0.75rem;
- }
- .p-cascadeselect .p-cascadeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-cascadeselect .p-cascadeselect-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-cascadeselect .p-cascadeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 3rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-cascadeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-cascadeselect-panel {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-cascadeselect-panel .p-cascadeselect-items {
- padding: 0.75rem 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
- margin: 0;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
- margin-top: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
- margin-bottom: 0;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
- background: rgba(34, 211, 238, 0.24);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
- padding: 0.75rem 1.25rem;
- }
- .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
- font-size: 0.875rem;
- }
-
- .p-checkbox {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-checkbox-input {
- cursor: pointer;
- }
-
- .p-checkbox-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-checkbox {
- width: 22px;
- height: 22px;
- }
- .p-checkbox .p-checkbox-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 2px solid #424b57;
- border-radius: 6px;
- }
- .p-checkbox .p-checkbox-box {
- border: 2px solid #424b57;
- background: #111827;
- width: 22px;
- height: 22px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon {
- transition-duration: 0.2s;
- color: #030712;
- font-size: 14px;
- }
- .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
- width: 14px;
- height: 14px;
- }
- .p-checkbox.p-highlight .p-checkbox-box {
- border-color: #22d3ee;
- background: #22d3ee;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- border-color: #22d3ee;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- border-color: #a5f3fc;
- background: #a5f3fc;
- color: #030712;
- }
- .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
- border-color: #22d3ee;
- }
- .p-checkbox.p-invalid > .p-checkbox-box {
- border-color: #fca5a5;
- }
- .p-checkbox.p-variant-filled .p-checkbox-box {
- background-color: #424b57;
- }
- .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
- background: #22d3ee;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #424b57;
- }
- .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #a5f3fc;
- }
-
- .p-input-filled .p-checkbox .p-checkbox-box {
- background-color: #424b57;
- }
- .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
- background: #22d3ee;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
- background-color: #424b57;
- }
- .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
- background: #a5f3fc;
- }
-
- .p-chips {
- display: inline-flex;
- }
-
- .p-chips-multiple-container {
- margin: 0;
- padding: 0;
- list-style-type: none;
- cursor: text;
- overflow: hidden;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .p-chips-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-chips-input-token {
- flex: 1 1 auto;
- display: inline-flex;
- }
-
- .p-chips-token-icon {
- cursor: pointer;
- }
-
- .p-chips-input-token input {
- border: 0 none;
- outline: 0 none;
- background-color: transparent;
- margin: 0;
- padding: 0;
- box-shadow: none;
- border-radius: 0;
- width: 100%;
- }
-
- .p-fluid .p-chips {
- display: flex;
- }
-
- .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
- border-color: #22d3ee;
- }
- .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
- border-color: #22d3ee;
- }
- .p-chips .p-chips-multiple-container {
- padding: 0.375rem 0.75rem;
- outline-color: transparent;
- }
- .p-chips .p-chips-multiple-container .p-chips-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: #424b57;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
- background: #6b7280;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
- margin-left: 0.5rem;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token {
- padding: 0.375rem 0;
- }
- .p-chips .p-chips-multiple-container .p-chips-input-token input {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- padding: 0;
- margin: 0;
- }
- .p-chips.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-colorpicker-panel .p-colorpicker-color {
- background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
- }
-
- .p-colorpicker-panel .p-colorpicker-hue {
- background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
- }
-
- .p-colorpicker-preview {
- width: 2rem;
- height: 2rem;
- }
-
- .p-colorpicker-panel {
- background: #1f2937;
- border: 1px solid #424b57;
- }
- .p-colorpicker-panel .p-colorpicker-color-handle,
-.p-colorpicker-panel .p-colorpicker-hue-handle {
- border-color: rgba(255, 255, 255, 0.87);
- }
-
- .p-colorpicker-overlay-panel {
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
-
- .p-dropdown {
- display: inline-flex;
- cursor: pointer;
- position: relative;
- user-select: none;
- }
-
- .p-dropdown-clear-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-dropdown-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-dropdown-label {
- display: block;
- white-space: nowrap;
- overflow: hidden;
- flex: 1 1 auto;
- width: 1%;
- text-overflow: ellipsis;
- cursor: pointer;
- }
-
- .p-dropdown-label-empty {
- overflow: hidden;
- opacity: 0;
- }
-
- input.p-dropdown-label {
- cursor: default;
- }
-
- .p-dropdown .p-dropdown-panel {
- min-width: 100%;
- }
-
- .p-dropdown-panel {
- position: absolute;
- top: 0;
- left: 0;
- }
-
- .p-dropdown-items-wrapper {
- overflow: auto;
- }
-
- .p-dropdown-item {
- cursor: pointer;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- display: flex;
- align-items: center;
- }
-
- .p-dropdown-item-group {
- cursor: auto;
- }
-
- .p-dropdown-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-dropdown-filter {
- width: 100%;
- }
-
- .p-dropdown-filter-container {
- position: relative;
- }
-
- .p-dropdown-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-fluid .p-dropdown {
- display: flex;
- }
-
- .p-fluid .p-dropdown .p-dropdown-label {
- width: 1%;
- }
-
- .p-dropdown {
- background: #111827;
- border: 1px solid #424b57;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-dropdown:not(.p-disabled):hover {
- border-color: #22d3ee;
- }
- .p-dropdown:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
- border-color: #22d3ee;
- }
- .p-dropdown.p-variant-filled {
- background: #424b57;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled):hover {
- background-color: #424b57;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #424b57;
- }
- .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
- background-color: transparent;
- }
- .p-dropdown.p-dropdown-clearable .p-dropdown-label {
- padding-right: 1.75rem;
- }
- .p-dropdown .p-dropdown-label {
- background: transparent;
- border: 0 none;
- }
- .p-dropdown .p-dropdown-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
- outline: 0 none;
- box-shadow: none;
- }
- .p-dropdown .p-dropdown-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 3rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-dropdown .p-dropdown-clear-icon {
- color: rgba(255, 255, 255, 0.6);
- right: 3rem;
- }
- .p-dropdown.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-dropdown-panel {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-dropdown-panel .p-dropdown-header {
- padding: 0.75rem 1.25rem;
- border-bottom: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- margin: 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
- padding-right: 1.75rem;
- margin-right: -1.75rem;
- }
- .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-dropdown-panel .p-dropdown-items {
- padding: 0.75rem 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
- margin: 0;
- padding: 0.75rem 1.25rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
- margin-top: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
- margin-bottom: 0;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
- background: rgba(34, 211, 238, 0.24);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
- position: relative;
- margin-left: -0.5rem;
- margin-right: 0.5rem;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
- margin: 0;
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: #374151;
- font-weight: 700;
- }
- .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-float-label {
- display: block;
- position: relative;
- }
-
- .p-float-label label {
- position: absolute;
- pointer-events: none;
- top: 50%;
- margin-top: -0.5rem;
- transition-property: all;
- transition-timing-function: ease;
- line-height: 1;
- }
-
- .p-float-label:has(textarea) label {
- top: 1rem;
- }
-
- .p-float-label:has(input:focus) label,
-.p-float-label:has(input.p-filled) label,
-.p-float-label:has(input:-webkit-autofill) label,
-.p-float-label:has(textarea:focus) label,
-.p-float-label:has(textarea.p-filled) label,
-.p-float-label:has(.p-inputwrapper-focus) label,
-.p-float-label:has(.p-inputwrapper-filled) label {
- top: -0.75rem;
- font-size: 12px;
- }
-
- .p-float-label .p-placeholder,
-.p-float-label input::placeholder,
-.p-float-label .p-inputtext::placeholder {
- opacity: 0;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-float-label .p-focus .p-placeholder,
-.p-float-label input:focus::placeholder,
-.p-float-label .p-inputtext:focus::placeholder {
- opacity: 1;
- transition-property: all;
- transition-timing-function: ease;
- }
-
- .p-icon-field {
- position: relative;
- }
-
- .p-icon-field > .p-input-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-inputotp {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- }
-
- .p-inputotp-input {
- text-align: center;
- width: 2.5rem;
- }
-
- .p-inputgroup {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup-addon {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .p-inputgroup .p-float-label {
- display: flex;
- align-items: stretch;
- width: 100%;
- }
-
- .p-inputgroup .p-inputtext,
-.p-fluid .p-inputgroup .p-inputtext,
-.p-inputgroup .p-inputwrapper,
-.p-fluid .p-inputgroup .p-input {
- flex: 1 1 auto;
- width: 1%;
- }
-
- .p-inputgroup-addon {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.6);
- border-top: 1px solid #424b57;
- border-left: 1px solid #424b57;
- border-bottom: 1px solid #424b57;
- padding: 0.75rem 0.75rem;
- min-width: 3rem;
- }
- .p-inputgroup-addon:last-child {
- border-right: 1px solid #424b57;
- }
-
- .p-inputgroup > .p-component,
-.p-inputgroup > .p-inputwrapper > .p-inputtext,
-.p-inputgroup > .p-float-label > .p-component {
- border-radius: 0;
- margin: 0;
- }
- .p-inputgroup > .p-component + .p-inputgroup-addon,
-.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
-.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
- border-left: 0 none;
- }
- .p-inputgroup > .p-component:focus,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
-.p-inputgroup > .p-float-label > .p-component:focus {
- z-index: 1;
- }
- .p-inputgroup > .p-component:focus ~ label,
-.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
-.p-inputgroup > .p-float-label > .p-component:focus ~ label {
- z-index: 1;
- }
-
- .p-inputgroup-addon:first-child,
-.p-inputgroup button:first-child,
-.p-inputgroup input:first-child,
-.p-inputgroup > .p-inputwrapper:first-child,
-.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:first-child input {
- border-top-left-radius: 6px;
- border-bottom-left-radius: 6px;
- }
-
- .p-inputgroup-addon:last-child,
-.p-inputgroup button:last-child,
-.p-inputgroup input:last-child,
-.p-inputgroup > .p-inputwrapper:last-child,
-.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-inputgroup .p-float-label:last-child input {
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
-
- .p-fluid .p-inputgroup .p-button {
- width: auto;
- }
- .p-fluid .p-inputgroup .p-button.p-button-icon-only {
- width: 3rem;
- }
-
- .p-fluid .p-icon-field-left,
-.p-fluid .p-icon-field-right {
- width: 100%;
- }
-
- .p-icon-field-left > .p-input-icon:first-of-type {
- left: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-icon-field-right > .p-input-icon:last-of-type {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-inputnumber {
- display: inline-flex;
- }
-
- .p-inputnumber-button {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0 0 auto;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,
-.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {
- display: none;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-input {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-bottom-left-radius: 0;
- padding: 0;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
- display: flex;
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {
- flex: 1 1 auto;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {
- order: 3;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- }
-
- .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {
- order: 1;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-inputnumber-buttons-vertical {
- flex-direction: column;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {
- order: 1;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-buttons-vertical .p-inputnumber-input {
- order: 2;
- border-radius: 0;
- text-align: center;
- }
-
- .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {
- order: 3;
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- width: 100%;
- }
-
- .p-inputnumber-input {
- flex: 1 1 auto;
- }
-
- .p-fluid .p-inputnumber {
- width: 100%;
- }
-
- .p-fluid .p-inputnumber .p-inputnumber-input {
- width: 1%;
- }
-
- .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
- width: 100%;
- }
-
- .p-inputnumber.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input {
- background-color: #424b57;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
- background-color: #424b57;
- }
- .p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
- background-color: #424b57;
- }
-
- .p-inputswitch {
- display: inline-block;
- }
-
- .p-inputswitch-input {
- cursor: pointer;
- }
-
- .p-inputswitch-slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- border: 1px solid transparent;
- }
-
- .p-inputswitch-slider:before {
- position: absolute;
- content: "";
- top: 50%;
- }
-
- .p-inputswitch {
- width: 3rem;
- height: 1.75rem;
- }
- .p-inputswitch .p-inputswitch-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border-radius: 30px;
- }
- .p-inputswitch .p-inputswitch-slider {
- background: #6b7280;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 30px;
- outline-color: transparent;
- }
- .p-inputswitch .p-inputswitch-slider:before {
- background: rgba(255, 255, 255, 0.6);
- width: 1.25rem;
- height: 1.25rem;
- left: 0.25rem;
- margin-top: -0.625rem;
- border-radius: 50%;
- transition-duration: 0.2s;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider {
- background: #22d3ee;
- }
- .p-inputswitch.p-highlight .p-inputswitch-slider:before {
- background: #030712;
- transform: translateX(1.25rem);
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
- background: #424b57;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
- background: #67e8f9;
- }
- .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
- }
- .p-inputswitch.p-invalid > .p-inputswitch-slider {
- border-color: #fca5a5;
- }
-
- .p-fluid .p-inputtext {
- width: 100%;
- }
-
- .p-inputtext {
- font-family: var(--font-family);
- font-feature-settings: var(--font-feature-settings, normal);
- font-size: 1rem;
- color: rgba(255, 255, 255, 0.87);
- background: #111827;
- padding: 0.75rem 0.75rem;
- border: 1px solid #424b57;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- appearance: none;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-inputtext:enabled:hover {
- border-color: #22d3ee;
- }
- .p-inputtext:enabled:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
- border-color: #22d3ee;
- }
- .p-inputtext.p-invalid.p-component {
- border-color: #fca5a5;
- }
- .p-inputtext.p-variant-filled {
- background-color: #424b57;
- }
- .p-inputtext.p-variant-filled:enabled:hover {
- background-color: #424b57;
- }
- .p-inputtext.p-variant-filled:enabled:focus {
- background-color: #424b57;
- }
- .p-inputtext.p-inputtext-sm {
- font-size: 0.875rem;
- padding: 0.65625rem 0.65625rem;
- }
- .p-inputtext.p-inputtext-lg {
- font-size: 1.25rem;
- padding: 0.9375rem 0.9375rem;
- }
-
- .p-float-label > label {
- left: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- transition-duration: 0.2s;
- }
-
- .p-float-label > .p-invalid + label {
- color: #fca5a5;
- }
-
- .p-icon-field-left > .p-inputtext {
- padding-left: 2.5rem;
- }
-
- .p-icon-field-left.p-float-label > label {
- left: 2.5rem;
- }
-
- .p-icon-field-right > .p-inputtext {
- padding-right: 2.5rem;
- }
-
- ::-webkit-input-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- :-moz-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- ::-moz-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- :-ms-input-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-filled .p-inputtext {
- background-color: #424b57;
- }
- .p-input-filled .p-inputtext:enabled:hover {
- background-color: #424b57;
- }
- .p-input-filled .p-inputtext:enabled:focus {
- background-color: #424b57;
- }
-
- .p-inputtext-sm .p-inputtext {
- font-size: 0.875rem;
- padding: 0.65625rem 0.65625rem;
- }
-
- .p-inputtext-lg .p-inputtext {
- font-size: 1.25rem;
- padding: 0.9375rem 0.9375rem;
- }
-
- .p-knob-range {
- fill: none;
- transition: stroke 0.1s ease-in;
- }
-
- .p-knob-value {
- animation-name: dash-frame;
- animation-fill-mode: forwards;
- fill: none;
- }
-
- .p-knob-text {
- font-size: 1.3rem;
- text-align: center;
- }
-
- @keyframes dash-frame {
- 100% {
- stroke-dashoffset: 0;
- }
- }
- .p-listbox-list-wrapper {
- overflow: auto;
- }
-
- .p-listbox-list {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
-
- .p-listbox-item {
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
-
- .p-listbox-item-group {
- cursor: auto;
- }
-
- .p-listbox-filter-container {
- position: relative;
- }
-
- .p-listbox-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-listbox-filter {
- width: 100%;
- }
-
- .p-listbox {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-listbox .p-listbox-header {
- padding: 0.75rem 1.25rem;
- border-bottom: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- margin: 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-listbox .p-listbox-header .p-listbox-filter {
- padding-right: 1.75rem;
- }
- .p-listbox .p-listbox-header .p-listbox-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-listbox .p-listbox-list {
- padding: 0.75rem 0;
- outline: 0 none;
- }
- .p-listbox .p-listbox-list .p-listbox-item {
- margin: 0;
- padding: 0.75rem 1.25rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:first-child {
- margin-top: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item:last-child {
- margin-bottom: 0;
- }
- .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-listbox .p-listbox-list .p-listbox-item-group {
- margin: 0;
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: #374151;
- font-weight: 700;
- }
- .p-listbox .p-listbox-list .p-listbox-empty-message {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
- .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
- background: rgba(34, 211, 238, 0.24);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-listbox.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
- border-color: #22d3ee;
- }
- .p-listbox.p-invalid {
- border-color: #fca5a5;
- }
-
- .p-multiselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-multiselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-multiselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-multiselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-multiselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-multiselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-multiselect-token-icon {
- cursor: pointer;
- }
-
- .p-multiselect .p-multiselect-panel {
- min-width: 100%;
- }
-
- .p-multiselect-items-wrapper {
- overflow: auto;
- }
-
- .p-multiselect-items {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
-
- .p-multiselect-item {
- cursor: pointer;
- display: flex;
- align-items: center;
- font-weight: normal;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- }
-
- .p-multiselect-item-group {
- cursor: auto;
- }
-
- .p-multiselect-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
-
- .p-multiselect-filter-container {
- position: relative;
- flex: 1 1 auto;
- }
-
- .p-multiselect-filter-icon {
- position: absolute;
- top: 50%;
- margin-top: -0.5rem;
- }
-
- .p-multiselect-filter-container .p-inputtext {
- width: 100%;
- }
-
- .p-multiselect-close {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- overflow: hidden;
- position: relative;
- margin-left: auto;
- }
-
- .p-fluid .p-multiselect {
- display: flex;
- }
-
- .p-multiselect {
- background: #111827;
- border: 1px solid #424b57;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-multiselect:not(.p-disabled):hover {
- border-color: #22d3ee;
- }
- .p-multiselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
- border-color: #22d3ee;
- }
- .p-multiselect.p-variant-filled {
- background: #424b57;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #424b57;
- }
- .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #424b57;
- }
- .p-multiselect .p-multiselect-label {
- padding: 0.75rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-multiselect .p-multiselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: #424b57;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
- margin-left: 0.5rem;
- }
- .p-multiselect .p-multiselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 3rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-multiselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
- padding: 0.375rem 0.75rem;
- }
-
- .p-multiselect-panel {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-multiselect-panel .p-multiselect-header {
- padding: 0.75rem 1.25rem;
- border-bottom: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- background: #1f2937;
- margin: 0;
- border-top-right-radius: 6px;
- border-top-left-radius: 6px;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
- padding-right: 1.75rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
- .p-multiselect-panel .p-multiselect-header .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
- margin-left: 0.5rem;
- width: 2rem;
- height: 2rem;
- color: rgba(255, 255, 255, 0.6);
- border: 0 none;
- background: transparent;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
- color: rgba(255, 255, 255, 0.87);
- border-color: transparent;
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
- }
- .p-multiselect-panel .p-multiselect-items {
- padding: 0.75rem 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
- margin: 0;
- padding: 0.75rem 1.25rem;
- border: 0 none;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- transition: box-shadow 0.2s;
- border-radius: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
- margin-top: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
- margin-bottom: 0;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(34, 211, 238, 0.16);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
- background: rgba(34, 211, 238, 0.24);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
- color: rgba(255, 255, 255, 0.87);
- background: rgba(255, 255, 255, 0.03);
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
- margin-right: 0.5rem;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
- margin: 0;
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: #374151;
- font-weight: 700;
- }
- .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-password {
- display: inline-flex;
- }
-
- .p-password .p-password-panel {
- min-width: 100%;
- }
-
- .p-password-meter {
- height: 10px;
- }
-
- .p-password-strength {
- height: 100%;
- width: 0;
- transition: width 1s ease-in-out;
- }
-
- .p-fluid .p-password {
- display: flex;
- }
-
- .p-password-input::-ms-reveal,
-.p-password-input::-ms-clear {
- display: none;
- }
-
- .p-password.p-invalid.p-component > .p-inputtext {
- border-color: #fca5a5;
- }
-
- .p-password-panel {
- padding: 1.25rem;
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- border-radius: 6px;
- }
- .p-password-panel .p-password-meter {
- margin-bottom: 0.5rem;
- background: #424b57;
- }
- .p-password-panel .p-password-meter .p-password-strength.weak {
- background: #eb9a9c;
- }
- .p-password-panel .p-password-meter .p-password-strength.medium {
- background: #ffcf91;
- }
- .p-password-panel .p-password-meter .p-password-strength.strong {
- background: #93deac;
- }
-
- .p-radiobutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-radiobutton-input {
- cursor: pointer;
- }
-
- .p-radiobutton-box {
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .p-radiobutton-icon {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- transform: translateZ(0) scale(0.1);
- border-radius: 50%;
- visibility: hidden;
- }
-
- .p-radiobutton.p-highlight .p-radiobutton-icon {
- transform: translateZ(0) scale(1, 1);
- visibility: visible;
- }
-
- .p-radiobutton {
- width: 22px;
- height: 22px;
- }
- .p-radiobutton .p-radiobutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 2px solid #424b57;
- border-radius: 50%;
- }
- .p-radiobutton .p-radiobutton-box {
- border: 2px solid #424b57;
- background: #111827;
- width: 22px;
- height: 22px;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
- width: 12px;
- height: 12px;
- transition-duration: 0.2s;
- background-color: #030712;
- }
- .p-radiobutton.p-highlight .p-radiobutton-box {
- border-color: #22d3ee;
- background: #22d3ee;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- border-color: #22d3ee;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- border-color: #a5f3fc;
- background: #a5f3fc;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
- background-color: #030712;
- }
- .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
- border-color: #22d3ee;
- }
- .p-radiobutton.p-invalid > .p-radiobutton-box {
- border-color: #fca5a5;
- }
- .p-radiobutton.p-variant-filled .p-radiobutton-box {
- background-color: #424b57;
- }
- .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
- background: #22d3ee;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #424b57;
- }
- .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #a5f3fc;
- }
-
- .p-input-filled .p-radiobutton .p-radiobutton-box {
- background-color: #424b57;
- }
- .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
- background: #22d3ee;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
- background-color: #424b57;
- }
- .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
- background: #a5f3fc;
- }
-
- .p-rating {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .p-rating-item {
- display: inline-flex;
- align-items: center;
- cursor: pointer;
- }
-
- .p-rating.p-readonly .p-rating-item {
- cursor: default;
- }
-
- .p-rating {
- gap: 0.5rem;
- }
- .p-rating .p-rating-item {
- outline-color: transparent;
- border-radius: 50%;
- }
- .p-rating .p-rating-item .p-rating-icon {
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- font-size: 1.143rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-icon {
- width: 1.143rem;
- height: 1.143rem;
- }
- .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
- color: #f48fb1;
- }
- .p-rating .p-rating-item.p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
- }
- .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
- color: #22d3ee;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
- color: #22d3ee;
- }
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
- color: #f48fb1;
- }
-
- .p-selectbutton .p-button {
- background: #1f2937;
- border: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-selectbutton .p-button .p-button-icon-left,
-.p-selectbutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
- background: rgba(255, 255, 255, 0.03);
- border-color: #424b57;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
-.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-selectbutton .p-button.p-highlight {
- background: #22d3ee;
- border-color: #22d3ee;
- color: #030712;
- }
- .p-selectbutton .p-button.p-highlight .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight .p-button-icon-right {
- color: #030712;
- }
- .p-selectbutton .p-button.p-highlight:hover {
- background: #67e8f9;
- border-color: #67e8f9;
- color: #030712;
- }
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
-.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
- color: #030712;
- }
- .p-selectbutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-slider {
- position: relative;
- }
-
- .p-slider .p-slider-handle {
- cursor: grab;
- touch-action: none;
- display: block;
- }
-
- .p-slider-range {
- display: block;
- }
-
- .p-slider-horizontal .p-slider-range {
- top: 0;
- left: 0;
- height: 100%;
- }
-
- .p-slider-horizontal .p-slider-handle {
- top: 50%;
- }
-
- .p-slider-vertical {
- height: 100px;
- }
-
- .p-slider-vertical .p-slider-handle {
- left: 50%;
- }
-
- .p-slider-vertical .p-slider-range {
- bottom: 0;
- left: 0;
- width: 100%;
- }
-
- .p-slider {
- background: #424b57;
- border: 0 none;
- border-radius: 6px;
- }
- .p-slider.p-slider-horizontal {
- height: 0.286rem;
- }
- .p-slider.p-slider-horizontal .p-slider-handle {
- margin-top: -0.5715rem;
- margin-left: -0.5715rem;
- }
- .p-slider.p-slider-vertical {
- width: 0.286rem;
- }
- .p-slider.p-slider-vertical .p-slider-handle {
- margin-left: -0.5715rem;
- margin-bottom: -0.5715rem;
- }
- .p-slider .p-slider-handle {
- height: 1.143rem;
- width: 1.143rem;
- background: #424b57;
- border: 2px solid #22d3ee;
- border-radius: 50%;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-slider .p-slider-handle:focus-visible {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
- }
- .p-slider .p-slider-range {
- background: #22d3ee;
- border-radius: 6px;
- }
- .p-slider:not(.p-disabled) .p-slider-handle:hover {
- background: #22d3ee;
- border-color: #22d3ee;
- }
-
- .p-inputtextarea-resizable {
- overflow: hidden;
- resize: none;
- }
-
- .p-fluid .p-inputtextarea {
- width: 100%;
- }
-
- .p-treeselect {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- }
-
- .p-treeselect-trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- }
-
- .p-treeselect-label-container {
- overflow: hidden;
- flex: 1 1 auto;
- cursor: pointer;
- }
-
- .p-treeselect-label {
- display: block;
- white-space: nowrap;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .p-treeselect-label-empty {
- overflow: hidden;
- visibility: hidden;
- }
-
- .p-treeselect-token {
- cursor: default;
- display: inline-flex;
- align-items: center;
- flex: 0 0 auto;
- }
-
- .p-treeselect .p-treeselect-panel {
- min-width: 100%;
- }
-
- .p-treeselect-items-wrapper {
- overflow: auto;
- }
-
- .p-fluid .p-treeselect {
- display: flex;
- }
-
- .p-treeselect {
- background: #111827;
- border: 1px solid #424b57;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-treeselect:not(.p-disabled):hover {
- border-color: #22d3ee;
- }
- .p-treeselect:not(.p-disabled).p-focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
- border-color: #22d3ee;
- }
- .p-treeselect.p-variant-filled {
- background: #424b57;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled):hover {
- background-color: #424b57;
- }
- .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
- background-color: #424b57;
- }
- .p-treeselect .p-treeselect-label {
- padding: 0.75rem 0.75rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- }
- .p-treeselect .p-treeselect-label.p-placeholder {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-treeselect.p-treeselect-chip .p-treeselect-token {
- padding: 0.375rem 0.75rem;
- margin-right: 0.5rem;
- background: #424b57;
- color: rgba(255, 255, 255, 0.87);
- border-radius: 16px;
- }
- .p-treeselect .p-treeselect-trigger {
- background: transparent;
- color: rgba(255, 255, 255, 0.6);
- width: 3rem;
- border-top-right-radius: 6px;
- border-bottom-right-radius: 6px;
- }
- .p-treeselect.p-invalid.p-component {
- border-color: #fca5a5;
- }
-
- .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
- padding: 0.375rem 0.75rem;
- }
-
- .p-treeselect-panel {
- background: #1f2937;
- color: rgba(255, 255, 255, 0.87);
- border: 1px solid #424b57;
- border-radius: 6px;
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
- border: 0 none;
- }
- .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
- padding: 0.75rem 1.25rem;
- color: rgba(255, 255, 255, 0.87);
- background: transparent;
- }
-
- .p-input-filled .p-treeselect {
- background: #424b57;
- }
- .p-input-filled .p-treeselect:not(.p-disabled):hover {
- background-color: #424b57;
- }
- .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
- background-color: #424b57;
- }
-
- .p-togglebutton {
- position: relative;
- display: inline-flex;
- user-select: none;
- vertical-align: bottom;
- }
-
- .p-togglebutton-input {
- cursor: pointer;
- }
-
- .p-togglebutton .p-button {
- flex: 1 1 auto;
- }
-
- .p-togglebutton .p-togglebutton-input {
- appearance: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 0;
- margin: 0;
- opacity: 0;
- z-index: 1;
- outline: 0 none;
- border: 1px solid #424b57;
- border-radius: 6px;
- }
- .p-togglebutton .p-button {
- background: #1f2937;
- border: 1px solid #424b57;
- color: rgba(255, 255, 255, 0.87);
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- outline-color: transparent;
- }
- .p-togglebutton .p-button .p-button-icon-left,
-.p-togglebutton .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-togglebutton.p-highlight .p-button {
- background: #22d3ee;
- border-color: #22d3ee;
- color: #030712;
- }
- .p-togglebutton.p-highlight .p-button .p-button-icon-left,
-.p-togglebutton.p-highlight .p-button .p-button-icon-right {
- color: #030712;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
- background: rgba(255, 255, 255, 0.03);
- border-color: #424b57;
- color: rgba(255, 255, 255, 0.87);
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
- color: rgba(255, 255, 255, 0.6);
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
- background: #67e8f9;
- border-color: #67e8f9;
- color: #030712;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
-.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
- color: #030712;
- }
- .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
- border-color: #22d3ee;
- }
- .p-togglebutton.p-invalid > .p-button {
- border-color: #fca5a5;
- }
-
- .p-button {
- display: inline-flex;
- cursor: pointer;
- user-select: none;
- align-items: center;
- vertical-align: bottom;
- text-align: center;
- overflow: hidden;
- position: relative;
- }
-
- .p-button-label {
- flex: 1 1 auto;
- }
-
- .p-button-icon-right {
- order: 1;
- }
-
- .p-button:disabled {
- cursor: default;
- }
-
- .p-button-icon-only {
- justify-content: center;
- }
-
- .p-button-icon-only .p-button-label {
- visibility: hidden;
- width: 0;
- flex: 0 0 auto;
- }
-
- .p-button-vertical {
- flex-direction: column;
- }
-
- .p-button-icon-bottom {
- order: 2;
- }
-
- .p-button-group .p-button {
- margin: 0;
- }
-
- .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
- border-right: 0 none;
- }
-
- .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
- border-radius: 0;
- }
-
- .p-button-group .p-button:first-of-type:not(:only-of-type) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
-
- .p-button-group .p-button:last-of-type:not(:only-of-type) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
-
- .p-button-group .p-button:focus {
- position: relative;
- z-index: 1;
- }
-
- .p-button {
- color: #030712;
- background: #22d3ee;
- border: 1px solid #22d3ee;
- padding: 0.75rem 1.25rem;
- font-size: 1rem;
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
- border-radius: 6px;
- outline-color: transparent;
- }
- .p-button: